如何将页面指示器添加到翻转视图?UWP

本文关键字：翻转 视图 UWP 添加 指示器 | 更新日期: 2023-09-27 18:33:48

目前我正在开发一个UWP应用程序。我想在用户首次打开应用时设计一个欢迎页面。

我想使用 FlipView 控件显示多个页面。但是我不知道如何使用FlipView控件以及如何向其添加页面指示器。

谁能给我一个带有页面指示器的空白 FlipView 控件的示例？谢谢！

如何将页面指示器添加到翻转视图?UWP

不确定您要问什么，但这个小示例将创建一个包含三个页面的翻转视图，其下有一个页面指示器，以显示页面的索引。 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel>
            <FlipView x:Name="FlipViewFun" Height="300">
                <FlipViewItem>
                    <TextBox Text="Hello World" />
                </FlipViewItem>
                <FlipViewItem>
                    <TextBox Text="Sweet" />
                </FlipViewItem>
                <FlipViewItem>
                    <TextBox Text="OK" />
                </FlipViewItem>
            </FlipView>
            <TextBlock x:Name="TextBlockPageIndicator"
                HorizontalAlignment="Center"
                FontSize="50" 
                Text="{Binding ElementName=FlipViewFun, Path=SelectedIndex}" />
        </StackPanel>
</Grid>

显然，如果你想要一个更现实的页面指示器（例如，不从 0 开始），那么你必须向代码隐藏添加一些逻辑（如属性），然后绑定到它（如果你决定使用 MVVM 模式，则绑定到视图模型）。

相关文章：