🧪 minor changes on responsivePages sample

customBarDynamic
Marc CHEVALDONNE 4 months ago
parent 2a6741811c
commit c681b8387f

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

@ -3,16 +3,16 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="ex_ResponsivePage.MainPage">
<ScrollView>
<!-- <ScrollView>
<VerticalStackLayout>
<Label Text="In this app:"/>
<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="- 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 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}"/>
</VerticalStackLayout>
</ScrollView>
<!-- </VerticalStackLayout>
</ScrollView> -->
</ContentPage>

Loading…
Cancel
Save