WPF itemscontrol 子对齐

Question

我有一个带有 itemscontrol 的 WPF MVVM 应用程序。水平子项的数量受 itemscontrol 宽度的影响。只有一件事我没有解决。我试图以始终居中的方式对齐子元素。我已经用油漆制作了快速图片来展示我的意思。

现在怎么样了:


如果宽度进一步增加，则将水平添加第四个项目。这个功能需要保留。

我想怎么看:


如果有足够的空间容纳第四个项目，则需要添加它。我认为答案可能是一个简单的 XAML 属性。有人有想法吗？

Answer 1

将 ItemsControl 放在网格中并设置其 HorizontalAlignment至 Center :

<Grid>
    <ItemsControl ItemsSource="{Binding Images}" HorizontalAlignment="Center">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Image Source="{Binding}" .../>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>