ScrollViewer 上方的 Windows UWP 标题行答案

【问题标题】：Windows UWP header row above ScrollViewerScrollViewer 上方的 Windows UWP 标题行
【发布时间】：2017-08-20 16:29:47
【问题描述】：

我正在寻找在 ScrollViewer 上方创建行的解决方案，该行将粘贴在页面顶部。有什么解决办法吗？

它应该类似于“Movier”应用程序：

【问题讨论】：

您能否提供更多详细信息或示例图片？ “ScrollViewer 上方的行”是什么意思？
puu.sh/xf1GO/3d8367c994.png 喜欢在“Movier”应用中
在您的问题中附上这张图片
答案很简单，他们用过CommandBar。我将使用语法将此作为答案发布

标签： c# xaml uwp win-universal-app

【解决方案1】：

您可以使用CommandBar。

这是一个示例图像。来源：CommandBar

这是一个代码示例

<CommandBar VerticalAlignment="Top">
    <CommandBar.Content>
        <TextBlock Text="LIBRARY" FontSize="36"/>
    </CommandBar.Content>
    <AppBarButton Icon="Favorite" Label="Favorite" Click="AppBarButton_Click"/>
    <AppBarButton Icon="Zoom" Label="Search" Click="AppBarButton_Click"/>
    <AppBarButton Icon="Setting" Label="Setting" Click="AppBarButton_Click"/>
</CommandBar>

您可以在CommandBar Class了解更多信息。

【讨论】：

现在我应该向 ScrollViewer 添加顶部填充？
@K.Kempski 你想让 CommandBar 覆盖 ScrollViewer 还是仅仅覆盖它？
我要叠加 :)
@K.Kempski 那你为什么要给 ScrollViewer 上边距？
puu.sh/xf3Kx/8d65844c0e.png puu.sh/xf3Mt/e74d4a62b5.png 因为它没有显示。