Pause view prototype

Signed-off-by: k.stepaniuk <k.stepaniuk@samsung.com>

diff --git a/Fitness/FitnessApp.cs b/Fitness/FitnessApp.cs
index a1508f1..80a889c 100644 (file)
--- a/Fitness/FitnessApp.cs
+++ b/Fitness/FitnessApp.cs
@@ -15,7 +15,8 @@ namespace Fitness
 
         public void Initialize()
         {
-            NavigationService.Instance.NavigateToMainView();
+            //NavigationService.Instance.NavigateToMainView();
+            NavigationService.Instance.NavigateToExercisingView();
         }
 
         protected override void OnCreate()

diff --git a/Fitness/ViewModels/ExercisingViewModel.cs b/Fitness/ViewModels/ExercisingViewModel.cs
index 0ae97b6..1d2b43c 100644 (file)
--- a/Fitness/ViewModels/ExercisingViewModel.cs
+++ b/Fitness/ViewModels/ExercisingViewModel.cs
@@ -44,6 +44,11 @@ namespace Fitness.ViewModels
         public WorkoutState State { get; private set; }
 
         /// <summary>
+        /// Current workout isPaused.
+        /// </summary>
+        public bool IsPaused { get; private set; } = false;
+        public bool IsPlaying { get; private set; } = true;
+        /// <summary>
         /// Pause workout
         /// </summary>
         public ICommand Pause { get; private set; }
@@ -69,10 +74,18 @@ namespace Fitness.ViewModels
         {
             if (State == WorkoutState.Paused)
             {
+                IsPaused = true;
+                this.RaisePropertyChanged(nameof(IsPaused));
+                IsPlaying = false;
+                this.RaisePropertyChanged(nameof(IsPlaying));
                 State = WorkoutState.Playing;
             }
             else if (State == WorkoutState.Playing)
             {
+                IsPaused = false;
+                this.RaisePropertyChanged(nameof(IsPaused));
+                IsPlaying = true;
+                this.RaisePropertyChanged(nameof(IsPlaying));
                 State = WorkoutState.Paused;
             }
         }

diff --git a/Fitness/Views/BarView.xaml.cs b/Fitness/Views/BarView.xaml.cs
new file mode 100644 (file)
index 0000000..2413b42
--- /dev/null
+++ b/Fitness/Views/BarView.xaml.cs
@@ -0,0 +1,10 @@
+namespace Fitness.Views
+{
+    public partial class BarView
+    {
+        public BarView()
+        {
+            InitializeComponent();
+        }
+    }
+}

diff --git a/Fitness/Views/Behaviors/VisibilitySetter.cs b/Fitness/Views/Behaviors/VisibilitySetter.cs
new file mode 100644 (file)
index 0000000..2fa9c71
--- /dev/null
+++ b/Fitness/Views/Behaviors/VisibilitySetter.cs
@@ -0,0 +1,39 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Tizen.NUI.BaseComponents;
+using Tizen.NUI.Binding;
+
+namespace Fitness.Views.Behaviors
+{
+    public static class VisibilitySetter
+    {
+        public static readonly BindableProperty IsVisibleProperty =
+            BindableProperty.CreateAttached(
+                "IsVisible",
+                typeof(bool),
+                typeof(VisibilitySetter),
+                true,
+                propertyChanged: OnStyleChanged);
+
+        public static void OnStyleChanged(BindableObject bindable, object oldValue, object newValue)
+        {
+            if (newValue is bool isVisible && bindable is View view)
+            {
+                if (isVisible)
+                {
+                    view.Show();
+                    view.HeightResizePolicy = Tizen.NUI.ResizePolicyType.FillToParent;
+                    //view.SizeHeight = 500;
+                }
+                else
+                {
+                    view.Hide();
+                    view.SizeHeight = 0;
+                }
+            }
+        }
+    }
+}

diff --git a/Fitness/Views/ExercisingView.xaml.cs b/Fitness/Views/ExercisingView.xaml.cs
index 4ecca12..ca6ab17 100644 (file)
--- a/Fitness/Views/ExercisingView.xaml.cs
+++ b/Fitness/Views/ExercisingView.xaml.cs
@@ -7,8 +7,6 @@ namespace Fitness.Views
         public ExercisingView()
         {
             InitializeComponent();
-
-            this.Pause.ApplyStyle(Styles.Buttons.Regular);
         }
     }
 }

diff --git a/Fitness/Views/PauseView.xaml.cs b/Fitness/Views/PauseView.xaml.cs
new file mode 100644 (file)
index 0000000..28300de
--- /dev/null
+++ b/Fitness/Views/PauseView.xaml.cs
@@ -0,0 +1,12 @@
+using Fitness.Controls;
+
+namespace Fitness.Views
+{
+    public partial class PauseView
+    {
+        public PauseView()
+        {
+            InitializeComponent();
+        }
+    }
+}

diff --git a/Fitness/Views/PlayingView.xaml.cs b/Fitness/Views/PlayingView.xaml.cs
new file mode 100644 (file)
index 0000000..f14605a
--- /dev/null
+++ b/Fitness/Views/PlayingView.xaml.cs
@@ -0,0 +1,10 @@
+namespace Fitness.Views
+{
+    public partial class PlayingView
+    {
+        public PlayingView()
+        {
+            InitializeComponent();
+        }
+    }
+}

diff --git a/Fitness/res/layout/BarView.xaml b/Fitness/res/layout/BarView.xaml
new file mode 100644 (file)
index 0000000..a4377b0
--- /dev/null
+++ b/Fitness/res/layout/BarView.xaml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<View x:Class="Fitness.Views.BarView"
+  xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
+  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+  xmlns:vm="clr-namespace:Fitness.ViewModels"
+  xmlns:ctrl="clr-namespace:Fitness.Controls"
+  xmlns:views="clr-namespace:Fitness.Views"
+  xmlns:nui="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
+  xmlns:style="clr-namespace:Fitness.Views.Styles"
+  WidthResizePolicy="FillToParent"
+  Size="{views:SizeInUnits Height=30}"
+  x:Name="Root">
+    <ImageView Position="{views:PositionInUnits X=17, Y=5}"
+                Size="{views:SizeInUnits Width=20, Height=20}"
+                ResourceUrl="*Resource*/layout/images/left_arrow.png"/>
+    <TextLabel Text="previous"
+                TextColor="#000C2B"
+                PixelSize="24"
+                HorizontalAlignment="Begin"
+                Position="{views:PositionInUnits X=40, Y=11}"
+                Margin="{views:ExtentsInUnits Start=40, Top=11}"
+                Size="{views:SizeInUnits Width=28, Height=9}"/>
+    <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                Text="{Binding Title}"
+                TextColor="#000C2B"
+                PixelSize="32"
+                HorizontalAlignment="Center"
+                Position="{views:PositionInUnits X=220, Y=10}"
+                Size="{views:SizeInUnits Width=40, Height=10}"/>
+    <TextLabel Text="next"
+                TextColor="#000C2B"
+                PixelSize="24"
+                HorizontalAlignment="End"
+                Position="{views:PositionInUnits X=400, Y=11}"
+                Size="{views:SizeInUnits Width=40, Height=9}"/>
+    <ImageView Position="{views:PositionInUnits X=443, Y=5}"
+                Size="{views:SizeInUnits Width=20, Height=20}"
+                ResourceUrl="*Resource*/layout/images/right_arrow.png"/>
+</View>
\ No newline at end of file

diff --git a/Fitness/res/layout/ExercisingView.xaml b/Fitness/res/layout/ExercisingView.xaml
index 7e28a64..62c7913 100644 (file)
--- a/Fitness/res/layout/ExercisingView.xaml
+++ b/Fitness/res/layout/ExercisingView.xaml
@@ -6,169 +6,15 @@
   xmlns:ctrl="clr-namespace:Fitness.Controls"
   xmlns:views="clr-namespace:Fitness.Views"
   xmlns:nui="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
-  xmlns:style="clr-namespace:Fitness.Views.Styles"
+  xmlns:behaviors="clr-namespace:Fitness.Views.Behaviors"
+  xmlns:styles="clr-namespace:Fitness.Views.Styles"
   x:Name="Root"
   BackgroundColor="#EEEFF1" >
     <View.BindingContext>
         <vm:ExercisingViewModel/>
     </View.BindingContext>
-    <View.Layout>
-        <LinearLayout LinearOrientation="Vertical"/>
-    </View.Layout>
-    <!--Bar-->
-    <View WidthResizePolicy="FillToParent"
-          Size="{views:SizeInUnits Height=30}">
-        <ImageView Position="{views:PositionInUnits X=17, Y=5}"
-                   Size="{views:SizeInUnits Width=20, Height=20}"
-                   ResourceUrl="*Resource*/layout/images/left_arrow.png"/>
-        <TextLabel Text="previous"
-                   TextColor="#000C2B"
-                   PixelSize="24"
-                   HorizontalAlignment="Begin"
-                   Position="{views:PositionInUnits X=40, Y=11}"
-                   Margin="{views:ExtentsInUnits Start=40, Top=11}"
-                   Size="{views:SizeInUnits Width=28, Height=9}"/>
-        <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                   Text="{Binding Title}"
-                   TextColor="#000C2B"
-                   PixelSize="32"
-                   HorizontalAlignment="Center"
-                   Position="{views:PositionInUnits X=220, Y=10}"
-                   Size="{views:SizeInUnits Width=40, Height=10}"/>
-        <TextLabel Text="next"
-                   TextColor="#000C2B"
-                   PixelSize="24"
-                   HorizontalAlignment="End"
-                   Position="{views:PositionInUnits X=400, Y=11}"
-                   Size="{views:SizeInUnits Width=40, Height=9}"/>
-        <ImageView Position="{views:PositionInUnits X=443, Y=5}"
-                   Size="{views:SizeInUnits Width=20, Height=20}"
-                   ResourceUrl="*Resource*/layout/images/right_arrow.png"/>
-    </View>
-    <!--Margin-->
-    <View BackgroundColor="Transparent"
-          WidthResizePolicy="FillToParent"
-          Size="{views:SizeInUnits Height=5}"/>
-    <View BackgroundColor="Transparent"
-          WidthResizePolicy="FillToParent"
-          HeightResizePolicy="FillToParent"
-          Weight="1"/>
-    <!--Content-->
-    <View Size="{views:SizeInUnits Height=189}"
-          WidthResizePolicy="FillToParent">
-        <View.Layout>
-            <LinearLayout LinearOrientation="Horizontal"/>
-        </View.Layout>
-        <!--Video-->
-        <View BackgroundColor="Transparent"
-          HeightResizePolicy="FillToParent"
-          WidthResizePolicy="FillToParent"
-          Weight="1">
-            <View.Layout>
-                <LinearLayout LinearOrientation="Vertical"/>
-            </View.Layout>
-            <!--Video-->
-            <ImageView HeightForWidth="true"
-                       WidthResizePolicy="FillToParent"
-                       HeightResizePolicy="SizeRelativeToParent"
-                       SizeModeFactor="0.0,0.6,0.0"
-                       ResourceUrl="*Resource*/layout/images/preview.png"/>
-            <View BackgroundColor="Transparent"
-              Size="{views:SizeInUnits Height=6}"
-              WidthResizePolicy="FillToParent"/>
-            <!--Time 165-->
-            <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                       Text="{Binding TimeLeft, StringFormat=\{0:m\\:ss\}}"
-                       TextColor="#000C2B"
-                       PixelSize="165"
-                       HorizontalAlignment="Center"
-                       Margin="{views:ExtentsInUnits Start=48}"
-                       WidthResizePolicy="FillToParent"
-                       Size="{views:SizeInUnits Width=102, Height=50}"/>
-            <TextLabel Text="Time left"
-                       TextColor="#000C2B"
-                       PixelSize="24"
-                       HorizontalAlignment="Center"
-                       Margin="{views:ExtentsInUnits Start=87}"
-                       WidthResizePolicy="FillToParent"
-                       Size="{views:SizeInUnits Width=28, Height=9}"/>
-        </View>
-        <!--Cemera Preview-->
-        <View BackgroundColor="Transparent"
-          HeightResizePolicy="FillToParent"
-          WidthResizePolicy="FillToParent"
-          Size="{views:SizeInUnits Width=281, Height=189}">
-            <View.Layout>
-                <LinearLayout LinearOrientation="Vertical"/>
-            </View.Layout>
-            <ImageView WidthResizePolicy="FillToParent"
-                       Size="{views:SizeInUnits Width=281, Height=158}"
-                       ResourceUrl="*Resource*/layout/images/camera.png"/>
-            <!--Numbers-->
-            <View Size="{views:SizeInUnits Width=281, Height=16}">
-                <View.Layout>
-                    <LinearLayout LinearOrientation="Horizontal"/>
-                </View.Layout>
-                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                           Text="{Binding Hold, StringFormat='{0:ss}'}"
-                           TextColor="#000C2B"
-                           PixelSize="40"
-                           HorizontalAlignment="Center"
-                           Margin="{views:ExtentsInUnits Start=87}"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                           Text="{Binding Repetitions}"
-                           TextColor="#000C2B"
-                           PixelSize="40"
-                           HorizontalAlignment="Center"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                           Text="{Binding Score}"
-                           TextColor="#000C2B"
-                           PixelSize="40"
-                           HorizontalAlignment="Center"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-            </View>
-            <!--Description-->
-            <View Size="{views:SizeInUnits Width=281, Height=16}">
-                <View.Layout>
-                    <LinearLayout LinearOrientation="Horizontal"/>
-                </View.Layout>
-                <TextLabel Text="Hold"
-                           TextColor="#000C2B"
-                           PixelSize="24"
-                           HorizontalAlignment="Center"
-                           Margin="{views:ExtentsInUnits Start=87}"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-                <TextLabel Text="Count"
-                           TextColor="#000C2B"
-                           PixelSize="24"
-                           HorizontalAlignment="Center"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-                <TextLabel Text="Score"
-                           TextColor="#000C2B"
-                           PixelSize="24"
-                           HorizontalAlignment="Center"
-                           Size="{views:SizeInUnits Width=36, Height=16}"/>
-            </View>
-        </View>
-    </View>
-    <!--Margin-->
-    <View BackgroundColor="Transparent"
-          WidthResizePolicy="FillToParent"
-          HeightResizePolicy="FillToParent"
-          Weight="1" />
-    <!--Bar-->
-    <View Size="{views:SizeInUnits Height=35}"
-          WidthResizePolicy="FillToParent">
-        <nui:Button x:Name="Pause"
-                    BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
-                    PositionUsesPivotPoint="True"
-                    ParentOrigin="Center"
-                    PivotPoint="Center"
-                    Text="Pause"
-                    Command="{Binding PauseResumeWorkout}"
-                    Size="{views:SizeInUnits Width=448, Height=30}">
-        </nui:Button>
-    </View>
+    <views:PauseView BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                     behaviors:VisibilitySetter.IsVisible="{Binding IsPaused}"/>
+    <views:PlayingView BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                     behaviors:VisibilitySetter.IsVisible="{Binding IsPlaying}"/>
 </ctrl:Page>

diff --git a/Fitness/res/layout/PauseView.xaml b/Fitness/res/layout/PauseView.xaml
new file mode 100644 (file)
index 0000000..76f1426
--- /dev/null
+++ b/Fitness/res/layout/PauseView.xaml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<View x:Class="Fitness.Views.PauseView"
+  xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
+  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+  xmlns:vm="clr-namespace:Fitness.ViewModels"
+  xmlns:ctrl="clr-namespace:Fitness.Controls"
+  xmlns:views="clr-namespace:Fitness.Views"
+  xmlns:nui="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
+  xmlns:style="clr-namespace:Fitness.Views.Styles"
+  HeightResizePolicy="FillToParent" 
+  WidthResizePolicy="FillToParent"  
+  x:Name="Root">
+    <ImageView HeightResizePolicy="FillToParent" 
+               WidthResizePolicy="FillToParent"
+               ResourceUrl="*Resource*/layout/images/previewBig.png"/>
+    <View HeightResizePolicy="FillToParent" 
+            WidthResizePolicy="FillToParent">
+        <View.Layout>
+            <LinearLayout LinearOrientation="Vertical"/>
+        </View.Layout>
+        <!--Bar-->
+        <views:BarView BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"/>
+        <!--Margin-->
+        <View BackgroundColor="Transparent"
+          WidthResizePolicy="FillToParent"
+          Size="{views:SizeInUnits Height=5}"/>
+        <View BackgroundColor="Transparent"
+          WidthResizePolicy="FillToParent"
+          HeightResizePolicy="FillToParent"
+          Weight="1"/>
+        <View Size="{views:SizeInUnits Height=35}"
+            WidthResizePolicy="FillToParent">
+            <nui:Button BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                        PositionUsesPivotPoint="True"
+                        ParentOrigin="Center"
+                        PivotPoint="Center"
+                        Text="Play"
+                        Command="{Binding PauseResumeWorkout}"
+                        Size="{views:SizeInUnits Width=448, Height=30}"/>
+        </View>
+    </View>
+</View>
\ No newline at end of file

diff --git a/Fitness/res/layout/PlayingView.xaml b/Fitness/res/layout/PlayingView.xaml
new file mode 100644 (file)
index 0000000..d71fea5
--- /dev/null
+++ b/Fitness/res/layout/PlayingView.xaml
@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<View x:Class="Fitness.Views.PlayingView"
+  xmlns="http://tizen.org/Tizen.NUI/2018/XAML"
+  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+  xmlns:vm="clr-namespace:Fitness.ViewModels"
+  xmlns:ctrl="clr-namespace:Fitness.Controls"
+  xmlns:views="clr-namespace:Fitness.Views"
+  xmlns:nui="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
+  xmlns:style="clr-namespace:Fitness.Views.Styles"
+  HeightResizePolicy="FillToParent" 
+  WidthResizePolicy="FillToParent"  
+  x:Name="Root">
+    <View.Layout>
+        <LinearLayout LinearOrientation="Vertical"/>
+    </View.Layout>
+    <views:BarView BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"/>
+    <!--Margin-->
+    <View BackgroundColor="Transparent"
+          WidthResizePolicy="FillToParent"
+          Size="{views:SizeInUnits Height=5}"/>
+    <View BackgroundColor="Transparent"
+          WidthResizePolicy="FillToParent"
+          HeightResizePolicy="FillToParent"
+          Weight="1"/>
+    <!--Content-->
+    <View Size="{views:SizeInUnits Height=189}"
+          WidthResizePolicy="FillToParent">
+        <View.Layout>
+            <LinearLayout LinearOrientation="Horizontal"/>
+        </View.Layout>
+        <!--Video-->
+        <View BackgroundColor="Transparent"
+          HeightResizePolicy="FillToParent"
+          WidthResizePolicy="FillToParent"
+          Weight="1">
+            <View.Layout>
+                <LinearLayout LinearOrientation="Vertical"/>
+            </View.Layout>
+            <!--Video-->
+            <ImageView HeightForWidth="true"
+                       WidthResizePolicy="FillToParent"
+                       HeightResizePolicy="SizeRelativeToParent"
+                       SizeModeFactor="0.0,0.6,0.0"
+                       ResourceUrl="*Resource*/layout/images/preview.png"/>
+            <View BackgroundColor="Transparent"
+              Size="{views:SizeInUnits Height=6}"
+              WidthResizePolicy="FillToParent"/>
+            <!--Time 165-->
+            <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                       Text="{Binding TimeLeft, StringFormat=\{0:m\\:ss\}}"
+                       TextColor="#000C2B"
+                       PixelSize="165"
+                       HorizontalAlignment="Center"
+                       Margin="{views:ExtentsInUnits Start=48}"
+                       WidthResizePolicy="FillToParent"
+                       Size="{views:SizeInUnits Width=102, Height=50}"/>
+            <TextLabel Text="Time left"
+                       TextColor="#000C2B"
+                       PixelSize="24"
+                       HorizontalAlignment="Center"
+                       Margin="{views:ExtentsInUnits Start=87}"
+                       WidthResizePolicy="FillToParent"
+                       Size="{views:SizeInUnits Width=28, Height=9}"/>
+        </View>
+        <!--Cemera Preview-->
+        <View BackgroundColor="Transparent"
+          HeightResizePolicy="FillToParent"
+          WidthResizePolicy="FillToParent"
+          Size="{views:SizeInUnits Width=281, Height=189}">
+            <View.Layout>
+                <LinearLayout LinearOrientation="Vertical"/>
+            </View.Layout>
+            <ImageView WidthResizePolicy="FillToParent"
+                       Size="{views:SizeInUnits Width=281, Height=158}"
+                       ResourceUrl="*Resource*/layout/images/camera.png"/>
+            <!--Numbers-->
+            <View Size="{views:SizeInUnits Width=281, Height=16}">
+                <View.Layout>
+                    <LinearLayout LinearOrientation="Horizontal"/>
+                </View.Layout>
+                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                           Text="{Binding Hold, StringFormat='{0:ss}'}"
+                           TextColor="#000C2B"
+                           PixelSize="40"
+                           HorizontalAlignment="Center"
+                           Margin="{views:ExtentsInUnits Start=87}"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                           Text="{Binding Repetitions}"
+                           TextColor="#000C2B"
+                           PixelSize="40"
+                           HorizontalAlignment="Center"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+                <TextLabel BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                           Text="{Binding Score}"
+                           TextColor="#000C2B"
+                           PixelSize="40"
+                           HorizontalAlignment="Center"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+            </View>
+            <!--Description-->
+            <View Size="{views:SizeInUnits Width=281, Height=16}">
+                <View.Layout>
+                    <LinearLayout LinearOrientation="Horizontal"/>
+                </View.Layout>
+                <TextLabel Text="Hold"
+                           TextColor="#000C2B"
+                           PixelSize="24"
+                           HorizontalAlignment="Center"
+                           Margin="{views:ExtentsInUnits Start=87}"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+                <TextLabel Text="Count"
+                           TextColor="#000C2B"
+                           PixelSize="24"
+                           HorizontalAlignment="Center"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+                <TextLabel Text="Score"
+                           TextColor="#000C2B"
+                           PixelSize="24"
+                           HorizontalAlignment="Center"
+                           Size="{views:SizeInUnits Width=36, Height=16}"/>
+            </View>
+        </View>
+    </View>
+    <!--Margin-->
+    <View BackgroundColor="Transparent"
+          WidthResizePolicy="FillToParent"
+          HeightResizePolicy="FillToParent"
+          Weight="1" />
+    <!--Bar-->
+    <View Size="{views:SizeInUnits Height=35}"
+          WidthResizePolicy="FillToParent">
+        <nui:Button BindingContext="{Binding Source={x:Reference Root}, Path=BindingContext}"
+                PositionUsesPivotPoint="True"
+                ParentOrigin="Center"
+                PivotPoint="Center"
+                Text="Pause"
+                Command="{Binding PauseResumeWorkout}"
+                Size="{views:SizeInUnits Width=448, Height=30}">
+        </nui:Button>
+    </View>
+</View>
\ No newline at end of file

diff --git a/Fitness/res/layout/SummaryView.xaml b/Fitness/res/layout/SummaryView.xaml
index 15d7833..ca018ce 100644 (file)
--- a/Fitness/res/layout/SummaryView.xaml
+++ b/Fitness/res/layout/SummaryView.xaml
@@ -8,9 +8,6 @@
   xmlns:nui="clr-namespace:Tizen.NUI.Components;assembly=Tizen.NUI.Components"
   xmlns:behaviors="clr-namespace:Fitness.Views.Behaviors"
   xmlns:styles="clr-namespace:Fitness.Views.Styles"
-  HeightResizePolicy="FillToParent" 
-  WidthResizePolicy="FillToParent"
-  BackgroundColor="White"
   x:Name="Root">
     <View.BindingContext>
         <vm:SummaryViewModel/>

diff --git a/Fitness/res/layout/images/previewBig.png b/Fitness/res/layout/images/previewBig.png
new file mode 100644 (file)
index 0000000..7574bb9
Binary files /dev/null and b/Fitness/res/layout/images/previewBig.png differ