让 WPF 中的内容部分垂直，直到它填充空间然后水平

【问题标题】：Have content sections in WPF vertical until it fills space then horizontal让 WPF 中的内容部分垂直，直到它填充空间然后水平
【发布时间】：2016-05-28 15:33:10
【问题描述】：

我正在尝试找出一种以适当的方式水平组织内容的方法。

我有一个很宽但很短的空间。它被分成不同的部分。我希望每个部分都具有垂直方向，但是一旦用完所有垂直空间，它就会溢出到其右侧的新“列”。

这是一个向您展示我的意思的视觉效果。每种颜色都是不同的部分。

包含每个部分的水平堆栈面板在其中一半，但我不确定每个单独部分使用什么元素。

【问题讨论】：

你试过 WrapPanel 吗？

标签： wpf windows xaml

【解决方案1】：

为每种颜色使用单独的ListView，并将WrapPanel 作为其ItemsPanel，并且不要忘记在每个ListView 中禁用HorizontalScrollBar

<Grid >    
    <ListView ItemsSource="{Binding ItemsLv1}" Background="Black" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel />
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
        <ListView.ItemTemplate>
            <DataTemplate>
                <Rectangle  Height="25" Width="100" Fill="White"/>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

结果

【讨论】：