WPF中如何让ItemsControl内相邻UserControl的Border共享边框消除间隙

方案1：负边距偏移+ZIndex控制（最常用，适配性强） #

你遇到的2px间隙本质是相邻两个Border的1px底部/顶部边框拼接后产生的视觉重叠厚度，直接通过负边距让相邻边框重合即可，不需要改动BorderThickness，不会触发布局跳动。
修改UserControl内的Border样式，新增Margin和高亮时的Panel.ZIndex设置：

<Style TargetType="Border">
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="BorderThickness" Value="1" />
    <!-- 垂直排列时，底部负边距抵消下一个元素的顶部边框厚度 -->
    <Setter Property="Margin" Value="0,0,0,-1" />
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsHighlighted}" Value="True">
            <Setter Property="BorderBrush" Value="White" />
            <!-- 高亮时提升层级，避免边框被后续元素覆盖 -->
            <Setter Property="Panel.ZIndex" Value="1" />
        </DataTrigger>
    </Style.Triggers>
</Style>

如果后续要改成水平排列，只需要把Margin改成0,0,-1,0即可。

方案2：拆分边框渲染逻辑（无层级问题，适合固定布局方向） #

如果不想用负边距，可以把边框逻辑拆分为外层全局边框和内层子项边框：

1. 给ItemsControl外层套一个Border，负责渲染顶部、左侧、右侧三个方向的边框
2. 子项的Border仅保留底部边框
   修改后代码示例：
   外层部分：

<Border BorderBrush="Transparent" BorderThickness="1,1,1,0">
    <ItemsControl ItemSource="{Binding SomeChildViewModels}">
        <!-- 原有ItemsControl配置保持不变 -->
    </ItemsControl>
</Border>

子项Border样式：

<Style TargetType="Border">
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="BorderThickness" Value="0,0,0,1" />
    <Style.Triggers>
        <DataTrigger Binding="{Binding IsHighlighted}" Value="True">
            <Setter Property="BorderBrush" Value="White" />
        </DataTrigger>
    </Style.Triggers>
</Style>

这个方案不需要处理ZIndex，布局逻辑更直观，适合固定垂直排列的场景。

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