Refactored ExercisePreviewView to be responsive.

diff --git a/Fitness/res/layout/ExercisePreviewView.xaml b/Fitness/res/layout/ExercisePreviewView.xaml
index f23f395acb79370d403b47f9638e2bd48a7c11f6..090f8dc8c032fdd7dd77590973f791c4cdfa2f57 100644 (file)
--- a/Fitness/res/layout/ExercisePreviewView.xaml
+++ b/Fitness/res/layout/ExercisePreviewView.xaml
@@ -18,7 +18,7 @@
     <ctrl:Page.BindingContext>
         <vm:ExercisePreviewViewModel x:Name="context"/>
     </ctrl:Page.BindingContext>
-    
+
     <ctrl:Page.PageTransitions>
         <ctrl:PageTransitionCollection>
             
@@ -32,98 +32,92 @@
             
         </ctrl:PageTransitionCollection>
     </ctrl:Page.PageTransitions>
+
+    <ImageView BindingContext="{Binding Source={x:Reference context}, Path=CurrentWorkout}"
+               HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+               WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+               ResourceUrl="{Binding ThumbnailUrl}"
+               x:Name="temp"
+               ctrl:Connected.Id="preview"/>
     
-    <View WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
-          HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
-        
-        <ImageView BindingContext="{Binding Source={x:Reference context}, Path=CurrentWorkout}"
-                   HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                   WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
-                   ResourceUrl="{Binding ThumbnailUrl}"
-                   x:Name="temp"
-                   ctrl:Connected.Id="preview"/>
-        
-        <VideoView HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                   WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
-                   x:Name="player"
-                   Looping="true"/>
-        
-        <View HeightSpecification="{Static LayoutParamPolicies.MatchParent}">
-            
+    <VideoView HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+               WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+               x:Name="player"
+               Looping="true"/>
+
+    <View HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+          Padding="{views:ExtentsInUnits Start=16, End=16, Top=10, Bottom=10}"
+          WidthSpecification="{Static LayoutParamPolicies.MatchParent}">
+
+        <View.Layout>
+            <LinearLayout LinearOrientation="Vertical"/>
+        </View.Layout>
+
+        <!-- Bar -->
+        <View Size="{views:SizeInUnits Height=20}"
+              WidthSpecification="{Static LayoutParamPolicies.MatchParent}">
+
             <View.Layout>
-                <LinearLayout LinearOrientation="Vertical"/>
+                <LinearLayout LinearOrientation="Horizontal"/>
             </View.Layout>
             
-            <!-- Bar -->
-            <View HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                  Size="{views:SizeInUnits Height=40}"
-                  Margin="{views:ExtentsInUnits Start=16}">
-                
-                <View.Layout>
-                    <LinearLayout LinearOrientation="Horizontal"
-                                  LinearAlignment="CenterVertical"/>
-                </View.Layout>
-                
-                <ctrl:NinePatchButton BindingContext="{x:Reference context}"
-                                      Size="{views:SizeInUnits Width=64, Height=20}"
-                                      Text="previous"
-                                      x:Name="previousButton"
-                                      Command="{Binding PreviousWorkout}"
-                                      IsEnabled="{Binding PreviousWorkout, Converter={x:Static converters:CommandToBoolConverter.Converter}}"
-                                      behaviors:StyleSetter.Style="{x:Static styles:Buttons.Previous}"/>
-                
-                <TextLabel BindingContext="{Binding Source={x:Reference context}, Path=CurrentWorkout}"
-                           Size="{views:SizeInUnits Width=300, Height=20}"
-                           HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                           Text="{Binding Title}"
-                           Margin="{views:ExtentsInUnits Start=10}"
-                           VerticalAlignment="Center"
-                           HorizontalAlignment="Center"
-                           PixelSize="32"/>
-                
-                <ctrl:NinePatchButton BindingContext="{x:Reference context}"
-                                      Size="{views:SizeInUnits Width=64, Height=20}"
-                                      Text="next"
-                                      x:Name="nextButton"
-                                      Margin="{views:ExtentsInUnits Start=10}"
-                                      Command="{Binding NextWorkout}"
-                                      IsEnabled="{Binding NextWorkout, Converter={x:Static converters:CommandToBoolConverter.Converter}}"
-                                      behaviors:StyleSetter.Style="{x:Static styles:Buttons.Next}"/>
-                
-            </View>
-            <!-- Bar End -->
+            <ctrl:NinePatchButton BindingContext="{x:Reference context}"
+                                  Size="{views:SizeInUnits Width=64}"
+                                  HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  Text="previous"
+                                  x:Name="previousButton"
+                                  Command="{Binding PreviousWorkout}"
+                                  IsEnabled="{Binding PreviousWorkout, Converter={x:Static converters:CommandToBoolConverter.Converter}}"
+                                  behaviors:StyleSetter.Style="{x:Static styles:Buttons.Previous}"/>
             
-            <View HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                  Weight="1.0">
-                
-            </View>
+            <TextLabel BindingContext="{Binding Source={x:Reference context}, Path=CurrentWorkout}"
+                       WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+                       HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+                       Text="{Binding Title}"
+                       VerticalAlignment="Center"
+                       HorizontalAlignment="Center"
+                       PixelSize="{views:PixelSizeInUnits UnitSize=8}"/>
+
+            <ctrl:NinePatchButton BindingContext="{x:Reference context}"
+                                  Size="{views:SizeInUnits Width=64}"
+                                  HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  Text="next"
+                                  x:Name="nextButton"
+                                  Command="{Binding NextWorkout}"
+                                  IsEnabled="{Binding NextWorkout, Converter={x:Static converters:CommandToBoolConverter.Converter}}"
+                                  behaviors:StyleSetter.Style="{x:Static styles:Buttons.Next}"/>
             
-            <View HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
-                  Size="{views:SizeInUnits Height=40}"
-                  Margin="{views:ExtentsInUnits Start=16, End=16, Bottom=6}">
-                
-                <View.Layout>
-                    <LinearLayout LinearOrientation="Horizontal"
-                                  LinearAlignment="CenterVertical"
-                                  CellPadding="40, 40"/>
-                </View.Layout>
-                
-                <ctrl:NinePatchButton BindingContext="{Binding Source={x:Reference context}}"
-                                      Text="Back"
-                                      Size="{views:SizeInUnits Width=219, Height=26}"
-                                      Command="{Binding Back}"
-                                      behaviors:StyleSetter.Style="{x:Static styles:Buttons.Regular}"/>
-                
-                <ctrl:NinePatchButton BindingContext="{Binding Source={x:Reference context}}"
-                                      Text="Let's try!"
-                                      Size="{views:SizeInUnits Width=219, Height=26}"
-                                      Command="{Binding Skip}"
-                                      behaviors:StyleSetter.Style="{x:Static styles:Buttons.Regular}"/>
-                
-            </View>
+        </View>
+        <!-- Bar End -->
+
+        <View WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+              HeightSpecification="{Static LayoutParamPolicies.MatchParent}"/>
+
+        <View Size="{views:SizeInUnits Height=26}"
+              WidthSpecification="{Static LayoutParamPolicies.MatchParent}">
+
+            <View.Layout>
+                <LinearLayout LinearOrientation="Horizontal"/>
+            </View.Layout>
+
+            <ctrl:NinePatchButton BindingContext="{Binding Source={x:Reference context}}"
+                                  Text="Back"
+                                  Margin="{views:ExtentsInUnits End=5}"
+                                  WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  Command="{Binding Back}"
+                                  behaviors:StyleSetter.Style="{x:Static styles:Buttons.Regular}"/>
+
+            <ctrl:NinePatchButton BindingContext="{Binding Source={x:Reference context}}"
+                                  Text="Let's try!"
+                                  Margin="{views:ExtentsInUnits Start=5}"
+                                  WidthSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  HeightSpecification="{Static LayoutParamPolicies.MatchParent}"
+                                  Command="{Binding Skip}"
+                                  behaviors:StyleSetter.Style="{x:Static styles:Buttons.Regular}"/>
             
         </View>
-        
+
     </View>
-    
+
 </ctrl:Page>