具有固定标题的 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>

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

我怎样才能实现我的目标 - 我必须如何安排面板(Stack，Relative？)和 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>