WPF UniformGrid如何移除控件项之间的莫名间隙？

这是WPF布局里常见的亚像素渲染问题，根源是UniformGrid自动分配宽度时可能产生浮点数值，导致控件边缘出现视觉间隙。试试下面几个可行方案：

方案1：启用布局舍入与像素对齐 #

给UniformGrid加上UseLayoutRounding="True"和SnapsToDevicePixels="True"，强制WPF将控件对齐到设备像素边界，消除亚像素带来的间隙：

<UniformGrid x:Name="FakeProgressBar" Grid.Row="2" Height="20" Rows="1" 
             UseLayoutRounding="True" SnapsToDevicePixels="True">
   <UniformGrid.Resources>
       <Style TargetType="Border">
          <Setter Property="BorderThickness" Value="0"/>
          <Setter Property="BorderBrush" Value="Black"/>
          <Setter Property="Margin" Value="0"/>
          <Setter Property="Padding" Value="0"/> <!-- 额外清除内边距避免隐患 -->
       </Style>
   </UniformGrid.Resources>
   <Border Background="Blue"/>
   <!-- 动态添加的Border -->
</UniformGrid>

方案2：替换为Grid容器（更稳定） #

如果UniformGrid的自动宽度分配仍有问题，直接用Grid手动管理列布局，每个列宽度设为*，让布局计算更精确：

<Grid x:Name="FakeProgressBar" Grid.Row="2" Height="20" 
      UseLayoutRounding="True" SnapsToDevicePixels="True">
   <Grid.Resources>
       <Style TargetType="Border">
          <Setter Property="BorderThickness" Value="0"/>
          <Setter Property="BorderBrush" Value="Black"/>
          <Setter Property="Margin" Value="0"/>
          <Setter Property="Padding" Value="0"/>
       </Style>
   </Grid.Resources>
   <!-- 静态列示例，动态添加时需同步创建ColumnDefinition -->
   <Grid.ColumnDefinitions>
       <ColumnDefinition Width="*"/>
       <!-- 动态添加的ColumnDefinition -->
   </Grid.ColumnDefinitions>
   <Border Background="Blue" Grid.Column="0"/>
   <!-- 动态添加的Border需对应设置Grid.Column属性 -->
</Grid>

代码后台动态添加元素时，记得同时给Grid新增ColumnDefinition，并给新创建的Border指定对应的Grid.Column值。

方案3：手动分配整数宽度 #

如果能提前确定总项数，也可以在代码后台手动计算每个Border的整数宽度，直接设置Width属性，彻底规避浮点宽度的问题：

// 假设总项数为itemCount
int totalWidth = (int)FakeProgressBar.ActualWidth;
int itemWidth = totalWidth / itemCount;
// 最后一项补全剩余宽度，避免总宽度出现偏差
int lastItemWidth = totalWidth - (itemWidth * (itemCount - 1));

// 动态创建Border并设置宽度
for(int i=0; i<itemCount; i++)
{
    var border = new Border();
    border.Background = /* 对应颜色值 */;
    border.Width = i == itemCount - 1 ? lastItemWidth : itemWidth;
    FakeProgressBar.Children.Add(border);
}

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