为何FlipView关联的PipsPager导航按钮与分页点均不可见？

问题出在StackPanel的布局特性上：它会让子元素按排列方向无限延伸，你的FlipView未限制高度，会自动占满父容器的所有可用垂直空间，导致PipsPager被挤出可视区域。

可以通过两种方式修复：

方式1：限制FlipView的高度或对齐方式 #

给FlipView设置固定高度，或者添加VerticalAlignment="Top"属性，让它只占用自身内容所需空间，留出位置给PipsPager：

<StackPanel>
    <FlipView x:Name="FlipView" Loaded="OnFlipsViewLoaded" VerticalAlignment="Top" Height="400">
        <view:A/>
        <view:B/>
        <view:C/>
        <view:D/>
        <view:E/>
    </FlipView>
    <PipsPager NumberOfPages="5"
               SelectedPageIndex="{x:Bind Path=FlipView.SelectedIndex, Mode=TwoWay}"
               PreviousButtonVisibility="Visible"
               NextButtonVisibility="Visible"
               Orientation="Horizontal"/>
</StackPanel>

方式2：改用Grid布局（更推荐） #

Grid能更合理地分配空间，避免子元素互相挤压：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/> <!-- FlipView占满剩余空间 -->
        <RowDefinition Height="Auto"/> <!-- PipsPager仅占用自身高度 -->
    </Grid.RowDefinitions>
    <FlipView x:Name="FlipView" Loaded="OnFlipsViewLoaded" Grid.Row="0">
        <view:A/>
        <view:B/>
        <view:C/>
        <view:D/>
        <view:E/>
    </FlipView>
    <PipsPager NumberOfPages="5"
               SelectedPageIndex="{x:Bind Path=FlipView.SelectedIndex, Mode=TwoWay}"
               PreviousButtonVisibility="Visible"
               NextButtonVisibility="Visible"
               Orientation="Horizontal"
               Grid.Row="1"/>
</Grid>

修改后，PipsPager会固定在底部，不会被FlipView遮挡或挤出。

内容的提问来源于stack exchange，提问作者Tommy