Implement Out VI for the video player

Change-Id: I84080f1473dd33ea7e6c251c42b86e4cefcd7bd3

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml b/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml
index 57c76e0..5dcc03f 100644 (file)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml
@@ -48,7 +48,7 @@
                    RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}" />
         </RelativeLayout>
 
-        <RelativeLayout x:Name="ControlsContainer"
+        <RelativeLayout x:Name="ControlArea"
                         RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
                         RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9536}"
                         RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml.cs
index 6a2f8fd..78a29da 100644 (file)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/SimpleImageViewer.xaml.cs
@@ -114,8 +114,8 @@ namespace TVMediaHub.Tizen.Views
                 }
 
 #pragma warning disable CS4014
-                ControlsContainer.TranslateTo(0, 93, 667, Easing.CubicInOut);
-                ControlsContainer.FadeTo(0, 667, Easing.CubicInOut);
+                ControlArea.TranslateTo(0, 93, 667, Easing.CubicInOut);
+                ControlArea.FadeTo(0, 667, Easing.CubicInOut);
                 TitleContainer.TranslateTo(0, -50, 667, Easing.CubicInOut);
 #pragma warning restore CS4014
                 await TitleContainer.FadeTo(0, 667, Easing.CubicInOut);

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
index 408aa95..2465085 100755 (executable)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml
@@ -36,153 +36,164 @@
            RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.063}"
            RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
 
-    <Utils:NinePatch x:Name="Track"
-                     VerticalOptions="Center"
-                     HorizontalOptions="Center"
-                     Aspect="Fill"
-                     BorderLeft="1"
-                     BorderTop="1"
-                     BorderRight="1"
-                     BorderBottom="1"
-                     Source="img_viewer_progress.9.png"
-                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0037}"
-                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
-                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8630}"
-                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
-    <Utils:NinePatch x:Name="ProgressBarTemp"
-                     VerticalOptions="Center"
-                     HorizontalOptions="Start"
-                     Aspect="Fill"
-                     BorderLeft="1"
-                     BorderTop="1"
-                     BorderRight="1"
-                     BorderBottom="1"
-                     Source="img_viewer_progress.9.png"
-                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0037}"
-                     RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
-                     RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8630}"
-                     RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
+    <RelativeLayout x:Name="ControlArea"
+                    RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
+                    RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=1}"
+                    RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
+                    RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}" >
+      <Utils:NinePatch x:Name="Track"
+                       VerticalOptions="Center"
+                       HorizontalOptions="Center"
+                       Aspect="Fill"
+                       BorderLeft="1"
+                       BorderTop="1"
+                       BorderRight="1"
+                       BorderBottom="1"
+                       Source="img_viewer_progress.9.png"
+                       RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0277}"
+                       RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
+                       RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                       RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
+      <Utils:NinePatch x:Name="ProgressBarTemp"
+                       VerticalOptions="Center"
+                       HorizontalOptions="Start"
+                       Aspect="Fill"
+                       BorderLeft="1"
+                       BorderTop="1"
+                       BorderRight="1"
+                       BorderBottom="1"
+                       Source="img_viewer_progress.9.png"
+                       RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.0277}"
+                       RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9}"
+                       RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                       RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
 
+      <RelativeLayout x:Name="RunningTimeArea"
+                      RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.3333}"
+                      RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1270}"
+                      RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.3611}"
+                      RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}">
+        <Label x:Name="PlayTimeHr"
+               Text="00"
+               FontFamily="Breeze Sans Regular"
+               TextColor="#0081c6"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0}" />
+        <Label x:Name="PlayTimeColon"
+               Text=":"
+               FontFamily="Breeze Sans Regular"
+               TextColor="#0081c6"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}" />
+        <Label x:Name="PlayTimeMin"
+               Text="28"
+               FontFamily="Breeze Sans Regular"
+               TextColor="#0081c6"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1557}" />
+        <Label x:Name="PlayTimeColon2"
+               Text=":"
+               FontFamily="Breeze Sans Regular"
+               TextColor="#0081c6"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.2869}" />
+        <Label x:Name="PlayTimeSec"
+               Text="30"
+               FontFamily="Breeze Sans Regular"
+               TextColor="#0081c6"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3115}" />
 
-    <Label x:Name="PlayTimeHr"
-           Text="00"
-           FontFamily="Breeze Sans Regular"
-           TextColor="#0081c6"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.05}" />
-    <Label x:Name="PlayTimeColon"
-           Text=":"
-           FontFamily="Breeze Sans Regular"
-           TextColor="#0081c6"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0666}" />
-    <Label x:Name="PlayTimeMin"
-           Text="28"
-           FontFamily="Breeze Sans Regular"
-           TextColor="#0081c6"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0698}" />
-    <Label x:Name="PlayTimeColon2"
-           Text=":"
-           FontFamily="Breeze Sans Regular"
-           TextColor="#0081c6"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0864}" />
-    <Label x:Name="PlayTimeSec"
-           Text="30"
-           FontFamily="Breeze Sans Regular"
-           TextColor="#0081c6"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0906}" />
-
-    <Label x:Name="RemainTimeHr"
-           Text="01"
-           FontFamily="Breeze Sans Light"
-           TextColor="#A5A5A5"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1218}" />
-    <Label x:Name="RemainTimeColon"
-           Text=":"
-           FontFamily="Breeze Sans Light"
-           TextColor="#A5A5A5"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1385}" />
-    <Label x:Name="RemainTimeMin"
-           Text="30"
-           FontFamily="Breeze Sans Light"
-           TextColor="#A5A5A5"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1416}" />
-    <Label x:Name="RemainTimeColon2"
-           Text=":"
-           FontFamily="Breeze Sans Light"
-           TextColor="#A5A5A5"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1583}" />
-    <Label x:Name="RemainTimeSec"
-           Text="17"
-           FontFamily="Breeze Sans Light"
-           TextColor="#A5A5A5"
-           RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.02962}"
-           RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0166}"
-           RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.9203}"
-           RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1614}" />
+        <Label x:Name="RemainTimeHr"
+               Text="01"
+               FontFamily="Breeze Sans Light"
+               TextColor="#A5A5A5"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5574}" />
+        <Label x:Name="RemainTimeColon"
+               Text=":"
+               FontFamily="Breeze Sans Light"
+               TextColor="#A5A5A5"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.6885}" />
+        <Label x:Name="RemainTimeMin"
+               Text="30"
+               FontFamily="Breeze Sans Light"
+               TextColor="#A5A5A5"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.7131}" />
+        <Label x:Name="RemainTimeColon2"
+               Text=":"
+               FontFamily="Breeze Sans Light"
+               TextColor="#A5A5A5"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.0245}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.8443}" />
+        <Label x:Name="RemainTimeSec"
+               Text="17"
+               FontFamily="Breeze Sans Light"
+               TextColor="#A5A5A5"
+               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.6667}"
+               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.1311}"
+               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.2083}"
+               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.8689}" />
+      </RelativeLayout>
 
-    <Controls:MediaHubButton x:Name="PreviousBtn"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3292}" />
+      <Controls:MediaHubButton x:Name="PreviousBtn"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3292}" />
 
-    <Controls:MediaHubButton x:Name="RewindBtn"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3989}" />
+      <Controls:MediaHubButton x:Name="RewindBtn"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.3989}" />
 
-    <Controls:MediaHubButton x:Name="PausePlayBtn"
-                             Clicked="PausePlayBtnClicked"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.4625}" />
+      <Controls:MediaHubButton x:Name="PausePlayBtn"
+                               Clicked="PausePlayBtnClicked"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.4625}" />
 
-    <Controls:MediaHubButton x:Name="ForwardBtn"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5260}" />
+      <Controls:MediaHubButton x:Name="ForwardBtn"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5260}" />
 
-    <Controls:MediaHubButton x:Name="NextBtn"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5958}" />
+      <Controls:MediaHubButton x:Name="NextBtn"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.5958}" />
 
-    <Controls:MediaHubButton x:Name="OptionBtn"
-                             Clicked="OptionsBtnClicked"
-                             RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"
-                             RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
-                             RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.8667}"
-                             RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9015}" />
+      <Controls:MediaHubButton x:Name="OptionBtn"
+                               Clicked="OptionsBtnClicked"
+                               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=1}"
+                               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.075}"
+                               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0}"
+                               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToParent, Property=Width, Factor=0.9015}" />
+    </RelativeLayout>
 
     <RelativeLayout x:Name="SpeedInfo" IsVisible="false"
                     RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.111111}"
@@ -214,6 +225,7 @@
              TextColor="White"
              HorizontalTextAlignment="Start"/>
     </RelativeLayout>
+
     <BoxView x:Name="PopupAnchor"
              Opacity="0"
              RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, Property=Height, Factor=0.1333}"

diff --git a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
index 78e6152..bb5d1e2 100755 (executable)
--- a/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
+++ b/TVMediaHub/TVMediaHub.Tizen/Views/VideoPlayer.xaml.cs
@@ -61,6 +61,39 @@ namespace TVMediaHub.Tizen.Views
             TitleLabel.FontSize = SizeUtils.GetFontSize(44);
 
             InitializeButtons();
+
+            OnBackButtonPressedHandler += async (s, e) =>
+            {
+                if (isOptionPopupShowing)
+                {
+                    optionPopup.Dismiss();
+
+                    return;
+                }
+
+                if (isScreenRatePopupShowing)
+                {
+                    screenRateOptionPopup.Dismiss();
+
+                    return;
+                }
+
+                if (isSoundEffectPopupShowing)
+                {
+                    soundEffectOptionPopup.Dismiss();
+
+                    return;
+                }
+
+#pragma warning disable CS4014
+                ControlArea.TranslateTo(0, 93, 667, Easing.CubicInOut);
+                ControlArea.FadeTo(0, 667, Easing.CubicInOut);
+                TitleLabel.TranslateTo(0, -50, 667, Easing.CubicInOut);
+#pragma warning restore CS4014
+                await TitleLabel.FadeTo(0, 667, Easing.CubicInOut);
+
+                Program.TransitionToMain(0);
+            };
         }
 
         protected override void InitializePage()
@@ -362,33 +395,5 @@ namespace TVMediaHub.Tizen.Views
             optionPopup.Show(PopupAnchor, (PopupAnchor.Width / 2), PopupAnchor.Height);
             isOptionPopupShowing = true;
         }
-
-        protected override bool OnBackButtonPressed()
-        {
-            if (isOptionPopupShowing)
-            {
-                optionPopup.Dismiss();
-
-                return true;
-            }
-
-            if (isScreenRatePopupShowing)
-            {
-                screenRateOptionPopup.Dismiss();
-
-                return true;
-            }
-
-            if (isSoundEffectPopupShowing)
-            {
-                soundEffectOptionPopup.Dismiss();
-
-                return true;
-            }
-
-            Program.TransitionToMain(0);
-
-            return true;
-        }
     }
 }