如何将页面指示器添加到 FlipView？ UWP答案

【问题标题】：How to add Page Indicator to FlipView? UWP如何将页面指示器添加到 FlipView？ UWP
【发布时间】：2016-02-08 02:55:32
【问题描述】：

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

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

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

【问题讨论】：

标签： c# xaml windows-runtime uwp flipview

【解决方案1】：

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

<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 模式）。

【讨论】：