如何在ItemsWrapGrid中左对齐项并设置内边距？

核心问题是GridViewItem默认会拉伸填充ItemsWrapGrid的单元格，导致内容左对齐设置失效，同时默认容器样式可能覆盖内边距配置。以下是具体修改方案：

1. 配置GridViewItem容器样式，实现左对齐与统一宽度 #

添加GridView.ItemContainerStyle，强制容器左对齐并设置固定宽度，确保所有项宽度一致：

<GridView ItemsSource="{x:Bind ViewModel.Items}" Margin="5">
    <GridView.ItemContainerStyle>
        <Style TargetType="GridViewItem">
            <!-- 禁止容器拉伸，强制左对齐 -->
            <Setter Property="HorizontalAlignment" Value="Left"/>
            <!-- 设置统一宽度，按需调整数值 -->
            <Setter Property="Width" Value="200"/>
            <!-- 让容器内内容左对齐 -->
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <!-- 设置容器内边距，替代StackPanel的Padding确保生效 -->
            <Setter Property="Padding" Value="3"/>
        </Style>
    </GridView.ItemContainerStyle>

    <GridView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="2"/>
        </ItemsPanelTemplate>
    </GridView.ItemsPanel>

    <GridView.ItemTemplate>
        <DataTemplate x:DataType="model:ChartLegendItem">
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                <!-- 给Line添加垂直居中对齐，避免和TextBlock错位 -->
                <Line x:Name="Stroke" Stroke="{x:Bind Color, Converter={StaticResource HexBrushConverter}}" 
                      X1="0" Y1="0" X2="10" Y2="0" StrokeThickness="5"
                      VerticalAlignment="Center"/>
                <!-- 给文本添加左侧边距，和Line拉开间距 -->
                <TextBlock Text="{x:Bind Caption}" Margin="5,0,0,0"/>
            </StackPanel>
        </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

2. 确保内边距生效 #

将内边距设置在GridViewItem的样式中（而非仅StackPanel），因为默认GridViewItem的布局逻辑会优先应用自身的Padding属性，避免内容被容器拉伸导致内边距失效。

3. 优化Line组件的布局稳定性 #

Line作为Shape元素，布局行为较特殊，若出现对齐异常，可替换为Rectangle更易控制：

<Rectangle Width="10" Height="5" 
           Fill="{x:Bind Color, Converter={StaticResource HexBrushConverter}}"
           VerticalAlignment="Center"/>

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