我想在UWP-XAML中实现自适应水平ListView

我想在UWP-XAML中实现自适应水平ListView,listview,uwp,Listview,Uwp,我想在UWP-XAML中实现自适应水平ListView,如下图所示。 目前我不知道该怎么做 鉴于图像中的内容是重图片的,最好使用。但您的问题的答案将适用于GridView和ListView,所以这不重要 要使ListView项水平堆叠,请调整ItemsWrapGrid的方向,如下所示: <ListView> <ListView.ItemsPanel> <ItemsPanelTemplate> <ItemsW

我想在UWP-XAML中实现自适应水平ListView,如下图所示。 目前我不知道该怎么做


鉴于图像中的内容是重图片的,最好使用。但您的问题的答案将适用于GridView和ListView,所以这不重要

要使ListView项水平堆叠,请调整ItemsWrapGrid的方向,如下所示:

<ListView>
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid MaximumRowsOrColumns="1" Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

这将为您提供一个水平方向的一行列表视图。 要获取水平滚动条,请更改ListView的ScrollViewer的属性:

<ListView ScrollViewer.HorizontalScrollBarVisibility="Visible"
          ScrollViewer.HorizontalScrollMode="Enabled" 
          ScrollViewer.VerticalScrollMode="Disabled">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid MaximumRowsOrColumns="1" Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
</ListView>

通过禁用垂直滚动,我们允许鼠标水平滚动而不是垂直滚动。如果您想使用GridView,上面的方法也会非常有效。只需将ListView标记更改为GridView标记。有一个使用GridView的好例子