TV Apps - Footer Button Animation

Change-Id: Id2003bdee351127026fb5dadbcb61bb022da0b8a

diff --git a/TVApps/TVApps/Controls/TVButton.xaml b/TVApps/TVApps/Controls/TVButton.xaml
index a13b4f72ec0eb4aadd0620d1b5ce89e454b22024..621d6eea46395295a0270b2840fddedc1e53e55e 100644 (file)
--- a/TVApps/TVApps/Controls/TVButton.xaml
+++ b/TVApps/TVApps/Controls/TVButton.xaml
@@ -17,7 +17,8 @@
     </ResourceDictionary>
   </StackLayout.Resources>
 
-  <Grid BackgroundColor="#770000FF"
+  <Grid x:Name="ButtonGrid"
+        BackgroundColor="#000000FF"
         VerticalOptions="FillAndExpand"
         HorizontalOptions="FillAndExpand">
 

diff --git a/TVApps/TVApps/Controls/TVButton.xaml.cs b/TVApps/TVApps/Controls/TVButton.xaml.cs
index 5355383e39dcd795a56b509f43bc7bbd1aeaa9ae..71032427954d2b09f6221935a7ef76aa4b3649f8 100644 (file)
--- a/TVApps/TVApps/Controls/TVButton.xaml.cs
+++ b/TVApps/TVApps/Controls/TVButton.xaml.cs
@@ -63,11 +63,78 @@ namespace TVApps.Controls
         public TVButton()
         {
             InitializeComponent();
-
+            HiddenButton.Clicked += ButtonClickListener;
+            HiddenButton.Focused += ButtonFocusedListener;
+            HiddenButton.Unfocused += ButtonUnfocusedListener;
             HiddenButton.OnButtonUp += ButtonUpListener;
             HiddenButton.OnButtonDown += ButtonDownListener;
         }
 
+        private void ButtonClickListener(object sender, EventArgs e)
+        {
+            // Stops playing animation
+            ButtonGrid.AbortAnimation("ColorChange");
+
+            // Starts animation that change Focused Color to Selected Color
+            ButtonGrid.Animate("ColorChange", v =>
+            {
+                var gridColorR = (int)(255 * (1 - v));
+                var gridColorG = (int)(255 - 126 * v);
+                var gridColorB = (int)(255 - 57 * v);
+                ButtonGrid.BackgroundColor = Color.FromRgb(gridColorR, gridColorG, gridColorB);
+            },
+            length: 100,
+            finished: (a, b) =>
+            {
+                // Starts animation that change Selected Color to Focused Color
+                ButtonGrid.Animate("ColorChange", v =>
+                {
+                    var gridColorR = (int)(255 * v);
+                    var gridColorG = (int)(129 + 126 * v);
+                    var gridColorB = (int)(198 + 57 * v);
+                    ButtonGrid.BackgroundColor = Color.FromRgb(gridColorR, gridColorG, gridColorB);
+                },
+                length: 50,
+                finished: (c, d) =>
+                {
+                    ButtonGrid.BackgroundColor = Color.FromRgb(255, 255, 255);
+                    Command?.Execute(CommandParameter);
+                });
+            });
+        }
+
+        private void ButtonFocusedListener(object sender, FocusEventArgs e)
+        {
+            // Stops playing animation
+            ButtonGrid.AbortAnimation("ColorChange");
+
+            // Starts animation that change Unfocused Color to Focused Color
+            ButtonGrid.Animate("ColorChange", v =>
+            {
+                var gridColor = (int)(255 * v);
+                var textColor = (int)(255 * (1 - v));
+                ButtonGrid.BackgroundColor = Color.FromRgb(gridColor, gridColor, gridColor);
+                TitleText.TextColor = Color.FromRgb(textColor, textColor, textColor);
+            },
+            length: 150);
+        }
+
+        private void ButtonUnfocusedListener(object sender, FocusEventArgs e)
+        {
+            // Stops playing animation
+            ButtonGrid.AbortAnimation("ColorChange");
+
+            // Starts animation that change Focused Color to Unfocused Color
+            ButtonGrid.Animate("ColorChange", v =>
+            {
+                var gridColor = (int)(255 * (1 - v));
+                var textColor = (int)(255 * v);
+                ButtonGrid.BackgroundColor = Color.FromRgb(gridColor, gridColor, gridColor);
+                TitleText.TextColor = Color.FromRgb(textColor, textColor, textColor);
+            },
+            length: 150);
+        }
+
         public void ButtonUpListener(Object sender, EventArgs e)
         {
             //BackgroundImage.Source = ButtonImageReleased;

diff --git a/TVHome/TVHome.TizenTV/bin/Debug/TVHome.TizenTV.tpk b/TVHome/TVHome.TizenTV/bin/Debug/TVHome.TizenTV.tpk
index eae99de25db77ba0f3475058842d36bff288e3e4..859143df29fb84d0ccb8384c55ae2424f2758a3a 100644 (file)
Binary files a/TVHome/TVHome.TizenTV/bin/Debug/TVHome.TizenTV.tpk and b/TVHome/TVHome.TizenTV/bin/Debug/TVHome.TizenTV.tpk differ