带有固定标题的 UWP 垂直滚动条

Question

在 UWP 中，我希望在我的应用程序顶部有一个包含一些按钮的固定标题行。屏幕的其余部分应该可以垂直滚动（类似于固定导航）。

这是我目前的代码：

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <StackPanel>
        <RelativePanel>
            <Button x:Name="btntest" Content="fixed button"/>
        </RelativePanel>
        <StackPanel>
            <ScrollViewer x:Name="MyScrollView" VerticalScrollBarVisibility="Visible">
                <StackPanel Padding="0,30,0,0">
                   [...my Content...]
                </StackPanel>
            </ScrollViewer>
        </StackPanel>
    </StackPanel>
</Grid>

它没有做我想要的，因为显示了滚动条，但内容（高于屏幕）无法滚动。

我怎样才能实现我的目标 - 我必须如何安排面板（堆栈、相对？）和 ScrollViewer？

Answer 1

如果我的理解是正确的，并且您希望在滚动查看器上方有一个固定标题，那么您应该能够通过使用垂直 StackPanel 或使用 Grid 来实现这一点合适的行（一切取决于您的需要）。示例：

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Button Grid.Row="0" x:Name="btntest" Content="fixed button"/>
    <ScrollViewer Grid.Row="1" x:Name="MyScrollView" VerticalScrollBarVisibility="Visible">
        <StackPanel Padding="0,30,0,0">
            [...my Content...]
        </StackPanel>
    </ScrollViewer>
</Grid>