C# WPF自定义Button样式运行时背景图片左右截断问题

该问题属于WPF自定义控件模板的典型设计时/运行时表现不一致问题，核心诱因有两点：

• 设计器预览不会完整加载系统主题下Button控件的默认依赖属性值，运行时Button默认携带的Padding="2"、BorderThickness="1,1,1,1"属性会通过属性值继承传递到模板内的根Border元素上，Border的内容渲染区域会向内收缩，填充在Border上的背景画刷边缘会被Border自身的内边距、边框区域遮挡，呈现出左右裁切的效果。
• 原代码中Border的内部Style未声明TargetType，ImageBrush也未显式指定Stretch属性，运行时WPF的属性解析逻辑会优先匹配控件类的默认元数据值，进一步放大了渲染偏差。

按以下步骤修改即可修复：

• 给ControlTemplate内的根Border显式设置Padding="0"、BorderThickness="0"，直接覆盖从Button继承来的默认属性值，从根源上消除边缘缩进。
• 给Border的内部Style显式声明TargetType="Border"，简化属性路径，避免运行时属性解析异常。
• 给两个ImageBrush显式设置Stretch="Fill"，保证背景图完全适配Border的实际尺寸，不受系统DPI缩放影响。
• （可选）在Style最顶部增加<Setter Property="FocusVisualStyle" Value="{x:Null}"/>，去掉按钮获得焦点时默认的虚线边框，避免额外的边缘显示异常；也可自行补充按钮按压、禁用状态的触发器，完善交互体验。

修正后的完整样式代码如下：

<Style TargetType="Button">
    <Setter Property="Height" Value="20"/>
    <Setter Property="Width" Value="100"/>
    <!-- 可选：去掉默认焦点虚线框 -->
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <!-- 显式覆盖继承的Padding、BorderThickness默认值 -->
                <Border Padding="0" BorderThickness="0">
                    <Border.Style>
                        <Style TargetType="Border">
                            <Setter Property="Background">
                                <Setter.Value>
                                    <ImageBrush 
                                        ImageSource="/myTool.GUI;component/Resources/Button not clicked.png" 
                                        Stretch="Fill"/>
                                </Setter.Value>
                            </Setter>
                            <Style.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Background">
                                        <Setter.Value>
                                            <ImageBrush 
                                                ImageSource="/myTool.GUI;component/Resources/Button clicked.png" 
                                                Stretch="Fill"/>
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </Border.Style>
                    <ContentPresenter 
                        Content="{TemplateBinding Button.Content}" 
                        VerticalAlignment="Center" 
                        HorizontalAlignment="Center"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

内容的提问来源于stack exchange，提问作者Martin Bartolomé