WPF多列列表视图的最佳方法

Question

我有一个包含大量数据（200 多个项目）的 ListView，因此为了节省空间，它使用 UniformGrid 显示 3 列而不是 1 列

<ListView.ItemsPanel>
    <ItemsPanelTemplate>
        <UniformGrid Columns="3" />
    </ItemsPanelTemplate>
</ListView.ItemsPanel>

我还修改了样式，以便每个项目都与顶部对齐

<ListView.Resources>
    <Style TargetType="{x:Type ListView}">
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="ListViewItem">
                    <Setter Property="VerticalContentAlignment" Value="Top"/>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>
</ListView.Resources>

这工作正常，但是由于显示数据长度的差异，项目组中仍然存在浪费的空间，因为大多数数据都可以放在一行中，但偶尔会有一个项目占用 2 行或更多行。这意味着当只有 1 行需要额外空间时，组中的所有行都会占用 2 行或更多行

img src="https://i.sstatic.net/dqcaT.png" alt="alt text">

< 任何人都知道如何解决这个问题，或者可以建议另一种方法来避免统一网格？谢谢！

Answer 1

您可以使用垂直 WrapPanel 并禁用垂直滚动。这将导致项目显示在列中，并在右侧添加其他列，类似于 Windows 资源管理器中的列表视图。如果您不希望单行长文本展开整个列，可以在 ListViewItems 上设置 Width 或 MaxWidth。

<ListView ScrollViewer.VerticalScrollBarVisibility="Disabled">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Vertical"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="MaxWidth" Value="100"/>
        </Style>
    </ListView.ItemContainerStyle>

如果禁用水平滚动，您也可以使用普通的 Horizo​​ntal WrapPanel，但除非元素是固定宽度，否则可能会让用户感到尴尬。