我相信Orientation="Vertical"是你正在寻找的选项。它将尝试在 Package 到新列之前填充一列。

A __D __G
| | | | | 
B | E | .
| | | | .
C_| F_| .->

字符串
您遇到的麻烦是StackPanel允许WrapPanel拥有无限的垂直布局空间，因此不必换行。
若要解决此问题，请将StackPanel更改为WrapPanel或其他不允许无限布局空间的控件。

示例

<WrapPanel>
    <ItemsControl>
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <Rectangle Height="50" Width="50" Fill="#F000"/>
        <Rectangle Height="50" Width="50" Fill="#F111"/>
        <Rectangle Height="50" Width="50" Fill="#F222"/>
        <!- ...  ->
        <Rectangle Height="50" Width="50" Fill="#F111"/>
        <Rectangle Height="50" Width="50" Fill="#F000"/>
    </ItemsControl>    
</WrapPanel>

型

结果

的数据

好吧，我想出了一个解决方案，那就是纯XAML。
所以基本上我有一个网格。有两行。在网格内是两个几乎相同的ItemsControl与绑定和WrapPanel。第一个有一个WrapPanel与Orientation=“Horizontal”。它只是在那里计算第二个ItemsControl的边界。因此，它的可见性=“Hidden”。它也只跨越第一行。
第二个ItemsControl的WrapPanel的Orientation=“Vertical”。它的Height绑定到第一个ItemsControl的ActualHeight。因此，它被迫使用多个Columns，因为高度不能高于ItemsControl #1的高度。第二个ItemsControl跨越两行（这很重要，否则高度可能会卡住，当窗口 * 关闭时）。
这不是一个很好的解决方案。更像是蛮力。但它当然有效。第一个ItemsControl计算外部大小。我将此大小强制到第二个，这比可以以一个很好的模式分布项目。

<ScrollViewer>
    <StackPanel>

        <!-- Some other stuff -->

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <!-- first ItemsControl, to calculate the outer boundaries with --> 
            <ItemsControl ItemsSource="{Binding … }" 
                          Name="Calculating_Size"
                          Visibility="Hidden">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Horizontal" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Grid Width="300"><!-- … --></Grid>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

            <!-- Second ItemsControl with fixed size for Vertical WrapPanel --> 
            <ItemsControl ItemsSource="{Binding … }" 
                          Height="{Binding ActualHeight, ElementName=Calculating_Size}"
                          Grid.RowSpan="2">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <WrapPanel Orientation="Vertical" />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Grid Width="300"><!-- … --></Grid>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

        <!-- Some more other stuff -->

    </StackPanel>
</ScrollViewer>

字符串

*第二行的原因是，如果第一个WrapPanel重新组织，因为宽度增加，它仍然与高度固定，因为行不能变小，第二个ItemsControl。但是，如果第二个ItemsControl跨越两行，第一行可以独立于第二个ItemsControl变小。第二个在之后立即变小。但这似乎是一个额外的步骤。

对我来说，答案是通过将WrapPanel绑定到父ScrollContentPresenter来约束它的高度

<ListBox>
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Vertical"
                       Height="{Binding (FrameworkElement.ActualHeight), RelativeSource={RelativeSource AncestorType=ScrollContentPresenter}}">
                </WrapPanel>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>

字符串