12×12网格因UseLayoutRounding致单元格尺寸跳变问题求助

以下是几个可行的解决方法，无需禁用UseLayoutRounding：

方法1：给单元格套固定尺寸容器 #

给每个Grid单元格内的控件外层包裹一个Border（或嵌套小Grid），设置容器的HorizontalAlignment="Stretch"、VerticalAlignment="Stretch"，让容器始终占满单元格空间。这样即使内部控件切换为Collapsed，容器依然会保持单元格的完整尺寸，避免Grid重新计算行列大小。

示例代码：

<Grid Grid.Row="0" Grid.Column="0">
    <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
        <YourControl Visibility="{Binding YourVisibility}" />
    </Border>
</Grid>

方法2：改用UniformGrid替代Grid #

如果你的布局不需要跨行跨列的复杂设置，直接用UniformGrid代替普通Grid。UniformGrid的单元格尺寸会严格基于自身整体尺寸均匀分配，不管内部内容的可见性如何变化，只要UniformGrid的尺寸固定，单元格尺寸就不会改变，同时UseLayoutRounding=true的线条模糊问题也能得到解决。

示例代码：

<UniformGrid Rows="12" Columns="12" UseLayoutRounding="True" Width="1200" Height="1200">
    <YourControl Visibility="{Binding YourVisibility}" />
    <!-- 其他控件依次放置 -->
</UniformGrid>

方法3：强制绑定行列尺寸到Grid整体尺寸 #

通过值转换器，将Grid的ActualWidth和ActualHeight分别除以12，绑定到所有ColumnDefinition.Width和RowDefinition.Height，强制每个行列的尺寸为固定的均分结果，不受内部内容影响。

1. 先定义一个除法转换器：

public class DivideConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double actualSize && parameter is int divideBy)
        {
            return actualSize / divideBy;
        }
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在XAML中引用转换器并绑定：

<Grid x:Name="MainGrid" UseLayoutRounding="True" Width="1200" Height="1200">
    <Grid.Resources>
        <local:DivideConverter x:Key="DivideConverter" />
    </Grid.Resources>
    <Grid.RowDefinitions>
        <RowDefinition Height="{Binding ElementName=MainGrid, Path=ActualHeight, Converter={StaticResource DivideConverter}, ConverterParameter=12}" />
        <!-- 重复11次上述RowDefinition -->
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="{Binding ElementName=MainGrid, Path=ActualWidth, Converter={StaticResource DivideConverter}, ConverterParameter=12}" />
        <!-- 重复11次上述ColumnDefinition -->
    </Grid.ColumnDefinitions>
    <!-- 控件放置 -->
</Grid>

方法4：使用共享尺寸组 #

给所有RowDefinition设置相同的SharedSizeGroup，所有ColumnDefinition设置相同的SharedSizeGroup，同时开启Grid的IsSharedSizeScope="True"。这样所有行的高度会统一取最大的行高，所有列的宽度统一取最大的列宽，避免单个单元格内容折叠导致尺寸变化。

示例代码：

<Grid IsSharedSizeScope="True" UseLayoutRounding="True" Width="1200" Height="1200">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" SharedSizeGroup="RowGroup" />
        <!-- 重复11次 -->
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" SharedSizeGroup="ColGroup" />
        <!-- 重复11次 -->
    </Grid.ColumnDefinitions>
    <!-- 控件放置 -->
</Grid>

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