Uwp 在视图下方显示ListView项
Uwp 在视图下方显示ListView项,uwp,uwp-xaml,Uwp,Uwp Xaml,我想在Groove音乐应用程序的控制栏中创建一个透明效果,如图所示。滚动条似乎在蓝色条上方结束,因此实际的ListView似乎不在滚动条下方。那么,如何才能使隐藏在下面的ListView/ScrollViewer的不可见内容再次可见呢?正如@AVK所说,要实现如图所示的UI,我们可以先将ScrollViewer和蓝色条放在网格中,然后将蓝色条的垂直对齐设置为底部,并给它一个不透明度。蓝色条应具有固定的高度 然后这里的关键点是为内容设置Margin,并在ScrollViewer中设置Vertica
我想在Groove音乐应用程序的控制栏中创建一个透明效果,如图所示。滚动条似乎在蓝色条上方结束,因此实际的ListView似乎不在滚动条下方。那么,如何才能使隐藏在下面的ListView/ScrollViewer的不可见内容再次可见呢?正如@AVK所说,要实现如图所示的UI,我们可以先将ScrollViewer和蓝色条放在网格中,然后将蓝色条的
垂直对齐
设置为底部
,并给它一个不透明度
。蓝色条应具有固定的高度
然后这里的关键点是为内容设置Margin
,并在ScrollViewer
中设置VerticalScrollBar
。垂直滚动条位于ScrollViewer
的模板中。要修改ScrollViewer的模板
,我们可以在“文档大纲”中选择“[ScrollViewer]”并右键单击,然后选择“编辑模板”→ “编辑副本…”。然后在模板中,我们可以为垂直滚动条设置Margin
,如下所示:
以下是一个完整的示例,演示了这一点:
没有一个
没有一个
没有一个
没有一个
触摸指示器
触摸指示器
鼠标指示器
鼠标指示器