Skip to content

Commit

Permalink
chore(PipsPager): add material tab to sample page
Browse files Browse the repository at this point in the history
Arieldelossantos committed Nov 2, 2023
1 parent b19f99c commit dfbc63d
Showing 1 changed file with 81 additions and 10 deletions.
Original file line number Diff line number Diff line change
@@ -55,31 +55,103 @@

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<local:SamplePageLayout>
<local:SamplePageLayout.FluentTemplate>
<local:SamplePageLayout.MaterialTemplate>
<DataTemplate>
<StackPanel>
<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_HorizontalOrientation"
smtx:XamlDisplayExtensions.Header="PipsPager with horizontal orientation">

<muxc:PipsPager NumberOfPages="15"
Orientation="Horizontal"
Style="{StaticResource PipsPagerStyle}" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_VerticalOrientation"
smtx:XamlDisplayExtensions.Header="PipsPager with vertical orientation">

<muxc:PipsPager NumberOfPages="15"
Orientation="Vertical"
Style="{StaticResource PipsPagerStyle}" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_MaxPips"
smtx:XamlDisplayExtensions.Header="PipsPager with 10 visible glyphs">

<muxc:PipsPager NumberOfPages="15"
MaxVisiblePips="10"
Style="{StaticResource PipsPagerStyle}" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_Visibility"
smtx:XamlDisplayExtensions.Header="PipsPager with navigation buttons">

<muxc:PipsPager NumberOfPages="15"
SelectedPageIndex="2"
NextButtonVisibility="Visible"
PreviousButtonVisibility="Visible"
Style="{StaticResource PipsPagerStyle}" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_Visibility_OnPointerOver"
smtx:XamlDisplayExtensions.Header="PipsPager with navigation buttons on hover">

<muxc:PipsPager NumberOfPages="15"
SelectedPageIndex="2"
NextButtonVisibility="VisibleOnPointerOver"
PreviousButtonVisibility="VisibleOnPointerOver"
Style="{StaticResource PipsPagerStyle}" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Material_CollectionControl"
smtx:XamlDisplayExtensions.Header="PipsPager integrated with a FlipView">

<StackPanel>
<FlipView x:Name="MaterialGallery"
MaxWidth="400"
Height="270"
ItemsSource="{StaticResource items}" />

<muxc:PipsPager x:Name="FlipViewMaterialPipsPager"
Style="{StaticResource PipsPagerStyle}"
HorizontalAlignment="Center"
Margin="0, 12, 0, 0"
NumberOfPages="{Binding Count, Source={StaticResource items}}"
SelectedPageIndex="{Binding SelectedIndex, ElementName=MaterialGallery, Mode=TwoWay}" />
</StackPanel>
</smtx:XamlDisplay>
</StackPanel>
</DataTemplate>
</local:SamplePageLayout.MaterialTemplate>

<local:SamplePageLayout.FluentTemplate>
<DataTemplate>
<StackPanel>
<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Fluent_HorizontalOrientation"
smtx:XamlDisplayExtensions.Header="PipsPager with horizontal orientation">

<muxc:PipsPager NumberOfPages="15"
Orientation="Horizontal"/>
Orientation="Horizontal" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Fluent_VerticalOrientation"
smtx:XamlDisplayExtensions.Header="PipsPager with vertical orientation">

<muxc:PipsPager NumberOfPages="15"
Orientation="Vertical"/>
Orientation="Vertical" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Fluent_MaxPips"
smtx:XamlDisplayExtensions.Header="PipsPager with 10 visible glyphs">

<muxc:PipsPager NumberOfPages="15"
MaxVisiblePips="10"/>
MaxVisiblePips="10" />

</smtx:XamlDisplay>

@@ -89,7 +161,7 @@
<muxc:PipsPager NumberOfPages="15"
SelectedPageIndex="2"
NextButtonVisibility="Visible"
PreviousButtonVisibility="Visible"/>
PreviousButtonVisibility="Visible" />

</smtx:XamlDisplay>

@@ -99,27 +171,26 @@
<muxc:PipsPager NumberOfPages="15"
SelectedPageIndex="2"
NextButtonVisibility="VisibleOnPointerOver"
PreviousButtonVisibility="VisibleOnPointerOver"/>
PreviousButtonVisibility="VisibleOnPointerOver" />

</smtx:XamlDisplay>

<smtx:XamlDisplay UniqueKey="PipsPagerSamplePage_Fluent_CollectionControl"
smtx:XamlDisplayExtensions.Header="PipsPager integrated with a FlipView">

<StackPanel>
<FlipView x:Name="Gallery"
<FlipView x:Name="FluentGallery"
MaxWidth="400"
Height="270"
ItemsSource="{StaticResource items}" />

<muxc:PipsPager x:Name="FlipViewPipsPager"
<muxc:PipsPager x:Name="FlipViewFluentPipsPager"
HorizontalAlignment="Center"
Margin="0, 12, 0, 0"
NumberOfPages="{Binding Count, Source={StaticResource items}}"
SelectedPageIndex="{Binding SelectedIndex, ElementName=Gallery, Mode=TwoWay}"/>
SelectedPageIndex="{Binding SelectedIndex, ElementName=FluentGallery, Mode=TwoWay}" />
</StackPanel>
</smtx:XamlDisplay>

</StackPanel>
</DataTemplate>
</local:SamplePageLayout.FluentTemplate>

0 comments on commit dfbc63d

Please sign in to comment.