在两列列表视图中拉伸项目

Question

我正在尝试使用UWP（仅限XAML）中的拉伸项目宽度和拉伸项目高度创建两列列表视图。

<ListView HorizontalAlignment="Stretch">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <VariableSizedWrapGrid MaximumRowsOrColumns="2" HorizontalChildrenAlignment="Stretch" HorizontalAlignment="Stretch"  />
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListViewItem Background="Black"  />
    <ListViewItem Background="Yellow" />
    <ListViewItem Background="Blue"/>
</ListView>

不幸的是我还没有结果，我想：

它应该如何：

我希望会有类似ItemWidth =“Stretch”的东西，然后设置与height相同的宽度，但它不存在。

非常感谢任何帮助。

感谢。

Answer 1

要创建两列ListView，我建议您查看UniformGrid-panel，GitHub可以使用MIT许可证。

将UniformGrid.cs复制到项目中后，您应该很好地获得所需的布局。

<强> XAML：

    <ListView HorizontalAlignment="Stretch">
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <ug:UniformGrid Columns="2" />
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
        <ListViewItem Background="Black"  />
        <ListViewItem Background="Yellow" />
        <ListViewItem Background="Blue"/>
    </ListView>

<强>结果：