gridview - 在 Windows 应用商店应用中的水平列表中放置不同的项目

Question

我想使用以下样式/设计开发我的应用程序:


关于实现的一些意见:

内容是动态加载的(三类(副标题1-3)是固定的。

子项目的数量(灰色)我不一样

我希望用户能够向右滚动(就像在地铁应用程序中一样)

不幸的是，我在实现方面遇到了一些困难(在 XAML 中):

我尝试了一个 GridView(就像在示例教程中一样)，它在 ItemsPanelTemplate 中有一个 VirtualizingStackPanel(Orientation=Horizo​​ntal)。三个类别(绿色、黄色、灰色)显示为具有不同模板的网格。

这大部分工作正常，但现在我有多个我不喜欢/不需要的 GridView 功能:我可以选择它并稍微拖动它。我禁用了选择模式等。不幸的是，悬停效果仍然会发生，并且可能会稍微拖动整个类别。我试过 IsHitTestVisible=false 什么删除了这个悬停和拖动，但禁用了类别中的所有按钮和点击事件。

我怎样才能做得更好，例如解决我的问题？

任何提示和建议都非常感谢。谢谢!

Answer 1

您可以使用带有 Style="{StaticResource Horizo​​ntalScrollViewerStyle}"的 ScrollViewer，并将具有三个类别的 StackPanel 作为 ItemsControls 并根据您的喜好定义 ItemsPanels，或者您可以修改 GridViewItem 的模板以更改悬停时发生的情况。您将在设计器中打开 XAML 文件，右键单击 GridView 并选择 Edit Additional Templates/Edit Generated Item Container (ItemContainerStyle)/Edit a Copy... - 提取默认模板并查看 PointerOver 视觉状态以查看内容需要改变。您可以仅从 VisualState 中删除 Storyboard，也可以删除用于可视化悬停反馈的相关控件。