嘿，这两个WPF布局问题我刚好碰到过，给你捋捋解决方案：

ItemsControl的元素对齐得从三个层面来调整，根据你的需求组合设置就行：

1. ItemsControl自身的对齐：控制整个ItemsControl在父容器中的位置，比如你想让整个列表居中显示，就给ItemsControl设置HorizontalAlignment="Center"和VerticalAlignment="Center"。
2. ItemsPanel的对齐：ItemsPanel是承载子元素的面板（比如StackPanel、WrapPanel、Grid），设置面板的HorizontalAlignment和VerticalAlignment可以改变子元素的排列基准。比如用StackPanel时，设置HorizontalAlignment="Center"会让所有子元素在面板内水平居中排列。
3. 单个子元素容器的对齐：通过ItemContainerStyle设置每个子元素的容器（ContentPresenter）的对齐属性，能精准控制每个元素的位置。

举个实用的示例，让ItemsControl里的元素垂直排列且每个元素水平居中：

<ItemsControl ItemsSource="{Binding YourDataList}">
    <!-- 让整个ItemsControl在父容器中水平居中 -->
    <ItemsControl.HorizontalAlignment>Center</ItemsControl.HorizontalAlignment>
    
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <!-- 面板内部元素垂直排列，且整体水平居中 -->
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <!-- 每个子元素容器水平居中 -->
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="Margin" Value="0 5"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding ItemName}" Padding="8 4" Background="#f0f0f0"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

如果想用Grid实现这个需求，不需要复杂的行列划分，直接利用HorizontalAlignment和VerticalAlignment就能把元素钉到四个角落。如果是动态绑定集合里的Flag，结合ItemsControl来做更灵活：

方案1：直接静态放置（适合固定4个元素） #

<Grid>
    <!-- 左上：左对齐+顶部对齐 -->
    <local:FlagView HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10"/>
    <!-- 右上：右对齐+顶部对齐 -->
    <local:FlagView HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10"/>
    <!-- 左下：左对齐+底部对齐 -->
    <local:FlagView HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="10"/>
    <!-- 右下：右对齐+底部对齐 -->
    <local:FlagView HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="10"/>
</Grid>

方案2：动态绑定集合（适合从数据源加载Flag） #

首先给你的Flag模型加一个位置标识（比如枚举）：

public enum FlagPosition
{
    TopLeft, TopRight, BottomLeft, BottomRight
}

public class FlagItem
{
    public string FlagContent { get; set; }
    public FlagPosition Position { get; set; }
}

然后在XAML里用ItemsControl+Grid面板，通过触发器根据位置设置对齐：

<ItemsControl ItemsSource="{Binding FlagCollection}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <!-- 用Grid作为承载面板，子元素会自动叠放，靠对齐属性定位 -->
            <Grid/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    
    <ItemsControl.ItemContainerStyle>
        <Style TargetType="ContentPresenter">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Position}" Value="TopLeft">
                    <Setter Property="HorizontalAlignment" Value="Left"/>
                    <Setter Property="VerticalAlignment" Value="Top"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding Position}" Value="TopRight">
                    <Setter Property="HorizontalAlignment" Value="Right"/>
                    <Setter Property="VerticalAlignment" Value="Top"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding Position}" Value="BottomLeft">
                    <Setter Property="HorizontalAlignment" Value="Left"/>
                    <Setter Property="VerticalAlignment" Value="Bottom"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding Position}" Value="BottomRight">
                    <Setter Property="HorizontalAlignment" Value="Right"/>
                    <Setter Property="VerticalAlignment" Value="Bottom"/>
                </DataTrigger>
            </Style.Triggers>
            <Setter Property="Margin" Value="10"/>
        </Style>
    </ItemsControl.ItemContainerStyle>
    
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border Background="#ffe0e0" Padding="6" CornerRadius="4">
                <TextBlock Text="{Binding FlagContent}"/>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

如果你的集合没有位置属性，也可以根据元素的索引来判断（比如第0个是左上，第1个右上），用转换器把索引转成对应的对齐方式，原理是一样的~

内容的提问来源于stack exchange，提问作者Rapira