🧪 minor changes on responsivePages sample

customBarDynamic
Marc CHEVALDONNE 10 months ago
parent 2a6741811c
commit c681b8387f

@ -7,7 +7,7 @@
Shell.FlyoutBehavior="Flyout" Shell.FlyoutBehavior="Flyout"
Title="ex_ResponsivePage" Title="ex_ResponsivePage"
FlyoutWidth="200" FlyoutWidth="200"
FlyoutBackgroundColor="Yellow"> FlyoutBackgroundColor="{StaticResource Gray100}">
<VisualStateManager.VisualStateGroups> <VisualStateManager.VisualStateGroups>
<VisualStateGroupList> <VisualStateGroupList>
@ -44,7 +44,7 @@
ContentTemplate="{DataTemplate local:OrientationBackgroundPage}" ContentTemplate="{DataTemplate local:OrientationBackgroundPage}"
Route="OrientationBackgroundPage" /> Route="OrientationBackgroundPage" />
<ShellContent <!-- <ShellContent
Title="By Idiom" Title="By Idiom"
ContentTemplate="{DataTemplate local:ByIdiomPage}" ContentTemplate="{DataTemplate local:ByIdiomPage}"
Route="ByIdiomPage" /> Route="ByIdiomPage" />
@ -52,6 +52,6 @@
<ShellContent <ShellContent
Title="By Orientation and Idiom" Title="By Orientation and Idiom"
ContentTemplate="{DataTemplate local:OrientationAndIdiomPage}" ContentTemplate="{DataTemplate local:OrientationAndIdiomPage}"
Route="OrientationAndIdiomPage" /> Route="OrientationAndIdiomPage" /> -->
</Shell> </Shell>

@ -3,16 +3,16 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="ex_ResponsivePage.MainPage"> x:Class="ex_ResponsivePage.MainPage">
<ScrollView> <!-- <ScrollView>
<VerticalStackLayout> <VerticalStackLayout>
<Label Text="In this app:"/> <Label Text="In this app:"/>
<Label Text="- all pages presents the flyout in landscape mode only" Padding="40, 0, 0, 0"/> <Label Text="- all pages presents the flyout in landscape mode only" Padding="40, 0, 0, 0"/>
<Label Text="- this main page modifies the layout when the orientation changes" Padding="40, 0, 0, 0"/> <Label Text="- this main page modifies the layout when the orientation changes" Padding="40, 0, 0, 0"/>
<Label Text="- the OrientationBackgroundPage modifies the background color (but not the layout) when the orientation changes" Padding="40, 0, 0, 0"/> <Label Text="- the OrientationBackgroundPage modifies the background color (but not the layout) when the orientation changes" Padding="40, 0, 0, 0"/>
<Label Text="- the ByIdiomPage modifies the layout depending on the idiom (phone or tablet)" Padding="40, 0, 0, 0"/> <Label Text="- the ByIdiomPage modifies the layout depending on the idiom (phone or tablet)" Padding="40, 0, 0, 0"/>
<Label Text="- the OrientationAndIdiomPage modifies the layout depending on the idiom and orientation (3 modes: phone/portrait, phone/landscape, tablet/any-orientation)" Padding="40, 0, 0, 0"/> <Label Text="- the OrientationAndIdiomPage modifies the layout depending on the idiom and orientation (3 modes: phone/portrait, phone/landscape, tablet/any-orientation)" Padding="40, 0, 0, 0"/> -->
<ContentView Style="{StaticResource MyOrientationTrigger}"/> <ContentView Style="{StaticResource MyOrientationTrigger}"/>
</VerticalStackLayout> <!-- </VerticalStackLayout>
</ScrollView> </ScrollView> -->
</ContentPage> </ContentPage>

Loading…
Cancel
Save