Add dimmed image layer on recent list menu

Signed-off-by: Kyuho Jo <kyuho.jo@samsung.com>
Change-Id: Ia26957dd4c68425ade1de2732d3a34ed19138694

diff --git a/TVHome/TVHome.TizenTV/res/img_tizen_home_list_dim_recent.png b/TVHome/TVHome.TizenTV/res/img_tizen_home_list_dim_recent.png
new file mode 100644 (file)
index 0000000..17643cb
Binary files /dev/null and b/TVHome/TVHome.TizenTV/res/img_tizen_home_list_dim_recent.png differ

diff --git a/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml b/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml
index a00327ee47045e7f9ceab3fb0d6886e36dafb26b..9871755032e7973436d996597c962bd26b90c1de 100644 (file)
--- a/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml
+++ b/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml
@@ -3,37 +3,42 @@
                       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                       xmlns:Controls="clr-namespace:TVHome.Controls"
                       x:Class="TVHome.Controls.SubPanelThumbnailButton">
-    <RelativeLayout Opacity="0.3">
+    <RelativeLayout Opacity="0.99">
         <BoxView x:Name="ButtonBox"
-                 WidthRequest="320"
-                 HeightRequest="180"
-                 Opacity="0"/>
+                WidthRequest="320"
+                HeightRequest="160"
+                Opacity="0"/>
         <Image x:Name="ThumbnailImage"
-               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
-               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"
-               Source="{Binding ScreenshotPath}" />
+                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
+                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"
+                Source="{Binding ScreenshotPath}" />
         <Image x:Name="ThumbnailGradient"
-               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"
-               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
-               Source="ic_tizen_list_thumbnail_gradient_normal.9.png" />
+                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"
+                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
+                Source="ic_tizen_list_thumbnail_gradient_normal.9.png" />
         <Image x:Name="ThumbnailIcon"
-               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.043}"
-               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.689}"
-               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.131}"
-               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.233}"
-               Source="{Binding CurrentStateDescription.IconPath}" />
+                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.043}"
+                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.689}"
+                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.131}"
+                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.233}"
+                Source="{Binding CurrentStateDescription.IconPath}" />
         <Label x:Name="ThumbnailTitle"
-               RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.206}"
-               RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.722}"
-               RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.75}"
-               RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.166}"
-               Opacity="0"
-               LineBreakMode="TailTruncation"
-               HorizontalTextAlignment="Start"
-               VerticalTextAlignment="Center"
-               Text="{Binding CurrentStateDescription.Label}"
-               TextColor="#FFFFFFFF"
-               FontSize="70"/>
+                RelativeLayout.XConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.206}"
+                RelativeLayout.YConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.722}"
+                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=0.75}"
+                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=0.166}"
+                Opacity="0"
+                LineBreakMode="TailTruncation"
+                HorizontalTextAlignment="Start"
+                VerticalTextAlignment="Center"
+                Text="{Binding CurrentStateDescription.Label}"
+                TextColor="#FFFFFFFF"
+                FontSize="70"/>
+        <Image x:Name="ThumnailDimLayer"
+                RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
+                RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"
+                Opacity="0.99"
+                Source="img_tizen_home_list_dim_recent.png"/>
         <Button x:Name="ButtonFocusArea"
                 RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Width, Factor=1}"
                 RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToView, ElementName=ButtonBox, Property=Height, Factor=1}"

diff --git a/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml.cs b/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml.cs
index e90a2cd050694a4e2c8e1368554c2628f6992076..f523478b1318293b67a9c9b9adbd8727b45e9916 100644 (file)
--- a/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml.cs
+++ b/TVHome/TVHome/Controls/SubPanelThumbnailButton.xaml.cs
@@ -64,9 +64,9 @@ namespace TVHome.Controls
 
 #pragma warning disable CS4014
             ThumbnailTitle.FadeTo(0.8, 300);
-            View.ScaleTo(1.15, 300);
+            ThumnailDimLayer.FadeTo(0.0, 300);
 #pragma warning restore CS4014
-            await View.FadeTo(0.8, 300);
+            await View.ScaleTo(1.11, 300);
         }
 
         public override async void OnUnfocused(object sender, FocusEventArgs e)
@@ -87,9 +87,9 @@ namespace TVHome.Controls
 
 #pragma warning disable CS4014
             ThumbnailTitle.FadeTo(0.3, 300);
-            View.ScaleTo(1.0, 300);
+            ThumnailDimLayer.FadeTo(0.99, 300);
 #pragma warning restore CS4014
-            await View.FadeTo(0.3, 300);
+            await View.ScaleTo(1.0, 300);
         }
     }
 }
\ No newline at end of file