UniformGrid中的奇异单元间距

Question

到目前为止，我有一个相当简单的设置，如下所示：

​

​

如你所见，3号看上去很好。然而，其他两个人却没有。我有以下代码：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <StackPanel Grid.Row="0" Orientation="Vertical" Margin="0,0,5,0" Background="#FFEAEAEA">
        <GroupBox x:Name="playStyleBox" Header="1. Play Style" HorizontalAlignment="Left" Margin="10,0,10,0" VerticalAlignment="Top">
            <UniformGrid Columns="4">
                <CheckBox x:Name="CheckBoxSubtle">Subtle</CheckBox>
                <CheckBox x:Name="CheckBoxBalanced">Balanced</CheckBox>
                <CheckBox x:Name="CheckBoxAggressive">Aggressive</CheckBox>
                <CheckBox x:Name="CheckBoxSupportive">Supportive</CheckBox>
            </UniformGrid>
        </GroupBox>
        <GroupBox x:Name="playStyleSubBox" Header="2. Sub Play Style" HorizontalAlignment="Left" Margin="10,0,10,0" VerticalAlignment="Top">
            <UniformGrid Columns="3">
                <CheckBox x:Name="CheckBoxMelee">Melee</CheckBox>
                <CheckBox x:Name="CheckBoxRanged">Ranged</CheckBox>
                <CheckBox x:Name="CheckBoxMagic">Magic</CheckBox>
            </UniformGrid>
        </GroupBox>
        <GroupBox x:Name="alignmentBox" Header="3. Alignment" HorizontalAlignment="Left" Margin="10,0,5,0" VerticalAlignment="Top">
            <UniformGrid Columns="3">
                <CheckBox x:Name="CheckBoxLawfulGood">Lawful Good</CheckBox>
                <CheckBox x:Name="CheckBoxNeutralGood">Neutral Good</CheckBox>
                <CheckBox x:Name="CheckBoxChaoticGood">Chaotic Good</CheckBox>
                <CheckBox x:Name="CheckBoxLawfulNeutral">Lawful Neutral</CheckBox>
                <CheckBox x:Name="CheckBoxNeutral">Neutral</CheckBox>
                <CheckBox x:Name="CheckBoxChaoticNeutral">Chaotic Neutral</CheckBox>
                <CheckBox x:Name="CheckBoxLawfulEvil">Lawful Evil</CheckBox>
                <CheckBox x:Name="CheckBoxNeutralEvil">Neutral Evil</CheckBox>
                <CheckBox x:Name="CheckBoxChaoticEvil">Chaotic Evil</CheckBox>
            </UniformGrid>
        </GroupBox>
    </StackPanel>
    <GridSplitter Grid.Column="0" Width="4" BorderBrush="Red" VerticalAlignment="Stretch">
        <GridSplitter.Template>
            <ControlTemplate TargetType="{x:Type GridSplitter}">
                <Grid>
                    <Button Content="⁞"/>
                    <Rectangle Fill="#FFACACAC"/>
                </Grid>
            </ControlTemplate>
        </GridSplitter.Template>
    </GridSplitter>
</Grid>

任何帮助都将不胜感激。我非常不明白为什么头两个UniformGrid而不是最后一个会出现这种情况。

Answer 1

1. UniformGrid创建大小相同的Columns。因此，最大的控件控制Column的大小。
2. 将HorizontalAlignment="Stretch"和Margin="10,0,10,0"设置在all GroupBox中。
3. 将第一个Columns中的UniformGrid号更改为3。