UWP FlipView height/vertical 下一个按钮问题

Question

我正在尝试将 FlipView 拉伸到其父视图的高度。 XAML 看起来像这样：

<StackPanel Orientation="Vertical">
    <FlipView x:Name="flipView" 
                      BorderBrush="Black" BorderThickness="1"
                      VerticalAlignment="Stretch"
                      SelectionChanged="FlipView_SelectionChanged" >
        <!-- Use a vertical stack panel for vertical flipping. -->
        <FlipView.ItemsPanel>
            <ItemsPanelTemplate>
                <VirtualizingStackPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </FlipView.ItemsPanel>
    </FlipView>

    <TextBlock x:Name="textOutput" Text="Hello"></TextBlock>
</StackPanel>

已在 C# 中添加 FlipView 的子项：

var image1 = await MakeImageForPageIndex(1);
var image2 = await MakeImageForPageIndex(2);

flipView.Items.Add(image1);
flipView.Items.Add(image2);

正如您在屏幕截图中看到的那样，垂直的下一个按钮和底部边框被剪掉了。

我曾尝试将 FlipView 的 VerticalAlignment 设置为 Strech，但没有成功。将图像设置为小 Height 也无济于事。

我也从this question

累了Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=ActualHeight}"

谢谢大家！

Answer 1

StackPanel 将其子项沿一个方向堆叠（在本例中为垂直方向），其大小随其子项一起增长，它未为其子项定义 bound。

用Grid代替StackPanel。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <FlipView x:Name="flipView" />
    <TextBlock Grid.Row="1" />
</Grid>

UWP FlipView height/vertical 下一个按钮问题

UWP FlipView height/vertical next button issue

c#

windows

uwp

flipview