From: Lukasz Stanislawski <l.stanislaws@samsung.com>
Date: Thu, 29 Oct 2020 16:52:49 +0000 (+0100)
Subject: MainView: set proper button styles
X-Git-Tag: accepted/tizen/unified/20210915.100113~150
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=68373e7a5d5960748144bfdf4bd6bfbb8f81658f;p=profile%2Fiot%2Fapps%2Fdotnet%2Ffitness.git

MainView: set proper button styles
---

diff --git a/Fitness/Views/MainView.xaml.cs b/Fitness/Views/MainView.xaml.cs
index 725fc1b..2a7fc33 100644
--- a/Fitness/Views/MainView.xaml.cs
+++ b/Fitness/Views/MainView.xaml.cs
@@ -9,6 +9,9 @@ namespace Fitness.Views
         public MainView()
         {
             InitializeComponent();
+
+            this.button1.ApplyStyle(Styles.Buttons.Inverse);
+            this.button2.ApplyStyle(Styles.Buttons.Regular);
         }
     }
 }
diff --git a/Fitness/Views/Styles/Buttons.cs b/Fitness/Views/Styles/Buttons.cs
new file mode 100644
index 0000000..030c64f
--- /dev/null
+++ b/Fitness/Views/Styles/Buttons.cs
@@ -0,0 +1,62 @@
+using Tizen.NUI;
+using Tizen.NUI.BaseComponents;
+using Tizen.NUI.Components;
+
+namespace Fitness.Views.Styles
+{
+    public static class Buttons
+    {
+        public static ButtonStyle Regular => new ButtonStyle
+        {
+            BackgroundImage = new Selector<string>
+            {
+                Normal = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_butt_2_empty_action.png",
+                Pressed = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_butt_2_empty_pressed.png",
+                Disabled = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_butt_2_empty_disabled.png",
+            },
+            Text = new TextLabelStyle
+            {
+                PointSize = new Selector<float?>
+                {
+                    Normal = 22.0f,
+                    Pressed = 24.0f,
+                },
+                EnableMarkup = true,
+                TextColor = new Selector<Color>
+                {
+                    Normal = new Color(0.0f, 20.0f / 255.0f, 71 / 255.0f, 1.0f),
+                    Pressed = new Color(41.0f / 255.0f, 91.0f / 255.0f, 178 / 255.0f, 1.0f),
+                },
+                FontFamily = GetNavigationFont(),
+            },
+        };
+
+        public static ButtonStyle Inverse => new ButtonStyle
+        {
+            BackgroundImage = new Selector<string>
+            {
+                Normal = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_CTA_empty_active.png",
+                Pressed = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_CTA_empty_selected.png",
+                Disabled = NUIApplication.Current.DirectoryInfo.Resource + "styles/button/02_CTA_empty_disabled.png",
+            },
+            Text = new TextLabelStyle
+            {
+                PointSize = new Selector<float?>
+                {
+                    Normal = 22.0f,
+                    Pressed = 24.0f,
+                },
+                TextColor = Color.White,
+                FontFamily = GetNavigationFont(),
+            },
+        };
+
+        private static Selector<string> GetNavigationFont()
+        {
+            return new Selector<string>
+            {
+                Normal = "BreezeSans",
+            };
+        }
+    }
+}
diff --git a/Fitness/res/layout/MainView.xaml b/Fitness/res/layout/MainView.xaml
index db1db0b..755da91 100644
--- a/Fitness/res/layout/MainView.xaml
+++ b/Fitness/res/layout/MainView.xaml
@@ -27,8 +27,8 @@
           <ImageView.Layout>
               <LinearLayout LinearOrientation="Vertical" LinearAlignment="Center"/>
           </ImageView.Layout>
-          <nui:Button BindingContext="{x:Reference mainViewModel}" PositionUsesPivotPoint="true" ParentOrigin="0.5,0.5" PivotPoint="0.5,0.5" Text="Let's try" Command="{Binding StartWorkout}"/>
-          <nui:Button BindingContext="{x:Reference mainViewModel}" PositionUsesPivotPoint="true" ParentOrigin="0.5,0.5" PivotPoint="0.5,0.5" Text="Watch Preview" Command="{Binding WatchPreview}"/>
+          <nui:Button BindingContext="{x:Reference mainViewModel}" BackgroundColor="Red" PositionUsesPivotPoint="true" ParentOrigin="0.5,0.5" PivotPoint="0.5,0.5" Text="Let's try!" Command="{Binding StartWorkout}" x:Name="button1" Size="{views:SizeInUnits Width=112,Height=24}"/>
+          <nui:Button BindingContext="{x:Reference mainViewModel}" PositionUsesPivotPoint="true" ParentOrigin="0.5,0.5" PivotPoint="0.5,0.5" Text="Watch preview" Command="{Binding WatchPreview}" x:Name="button2" Size="{views:SizeInUnits Width=112,Height=24}"/>
       </ImageView>
       <View Size="{views:SizeInUnits Width=107}" Margin="{views:ExtentsInUnits Start=8}" HeightResizePolicy="FillToParent" BindingContext="{x:Reference mainViewModel}">
           <View HeightResizePolicy="FillToParent" WidthResizePolicy="FillToParent" BindingContext="{x:Reference mainViewModel}">
diff --git a/Fitness/res/styles/button/02_CTA_empty_active.png b/Fitness/res/styles/button/02_CTA_empty_active.png
new file mode 100644
index 0000000..9b3d9af
Binary files /dev/null and b/Fitness/res/styles/button/02_CTA_empty_active.png differ
diff --git a/Fitness/res/styles/button/02_CTA_empty_disabled.png b/Fitness/res/styles/button/02_CTA_empty_disabled.png
new file mode 100644
index 0000000..caf4fa9
Binary files /dev/null and b/Fitness/res/styles/button/02_CTA_empty_disabled.png differ
diff --git a/Fitness/res/styles/button/02_CTA_empty_selected.png b/Fitness/res/styles/button/02_CTA_empty_selected.png
new file mode 100644
index 0000000..d6a0c2c
Binary files /dev/null and b/Fitness/res/styles/button/02_CTA_empty_selected.png differ
diff --git a/Fitness/res/styles/button/02_butt_2_empty_action.png b/Fitness/res/styles/button/02_butt_2_empty_action.png
new file mode 100644
index 0000000..064e783
Binary files /dev/null and b/Fitness/res/styles/button/02_butt_2_empty_action.png differ
diff --git a/Fitness/res/styles/button/02_butt_2_empty_disabled.png b/Fitness/res/styles/button/02_butt_2_empty_disabled.png
new file mode 100644
index 0000000..7a46210
Binary files /dev/null and b/Fitness/res/styles/button/02_butt_2_empty_disabled.png differ
diff --git a/Fitness/res/styles/button/02_butt_2_empty_pressed.png b/Fitness/res/styles/button/02_butt_2_empty_pressed.png
new file mode 100644
index 0000000..4c44848
Binary files /dev/null and b/Fitness/res/styles/button/02_butt_2_empty_pressed.png differ