WPF Datagrid在IsMouseOver上将BorderBrush添加到行导致行移位

WPF DataGrid 在 IsMouseOver 状态下为行添加 BorderBrush 导致行移位的问题，通常是由于新增的边框宽度改变了行的布局所引起的。以下是对这个问题的详细解释以及解决方案：

基础概念

WPF DataGrid：WPF（Windows Presentation Foundation）中的一个控件，用于显示数据集合。
IsMouseOver：一个触发器属性，当鼠标悬停在元素上时为真。
BorderBrush：定义元素边框的颜色。

问题原因

当为 DataGrid 的行添加 BorderBrush 时，如果边框宽度不为零，它会增加行的整体宽度，从而导致行相对于其他行发生移位。这是因为默认情况下，边框是占用空间的，会影响到布局。

解决方案

为了避免行移位，可以采取以下几种方法：

方法一：使用 `Padding` 而不是 `BorderBrush`

通过增加行的内边距而不是添加边框，可以在视觉上模拟边框效果，同时避免改变行的实际宽度。

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Padding" Value="2,2,2,2" /> <!-- 根据需要调整内边距 -->
            </Trigger>
        </Style.Triggers>
    </Style>
</DataGrid.RowStyle>

方法二：使用 `Border` 元素并设置 `Margin`

在行的模板中添加一个 Border 元素，并为其设置负的 Margin，以抵消边框宽度带来的影响。

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGridRow">
                    <Border x:Name="border" BorderThickness="1" Margin="-1,-1,-1,-1"> <!-- 边框宽度与负边距相等 -->
                        <ContentPresenter />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="Red" /> <!-- 设置鼠标悬停时的边框颜色 -->
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</DataGrid.RowStyle>

方法三：使用 `Effect` 属性

通过添加一个 DropShadowEffect 或其他视觉效果来模拟边框，这样不会影响到布局。

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Effect">
                    <Setter.Value>
                        <DropShadowEffect ShadowDepth="0" BlurRadius="2" Color="Red" /> <!-- 设置鼠标悬停时的视觉效果 -->
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</DataGrid.RowStyle>