WPF中如何实现可参数化Style以复用相似按钮样式？

这问题我太熟了！你碰到的正是WPF属性值优先级的坑——直接在<Button>标签上设置的BorderThickness属于本地值，优先级比Style触发器里的Setter高得多，所以鼠标悬停的触发器根本没法覆盖它，自然就不生效了。

下面给你两种干净利落的解决方案，都能彻底消除代码重复：

方案一：基于基础样式的继承（最简单直接） #

先把所有公共的样式逻辑抽离到一个基础Style里，然后每个按钮的Style通过BasedOn继承这个基础样式，只需要重写专属的初始BorderThickness就行：

第一步：在ResourceDictionary中定义基础样式 #

<Style x:Key="BaseHoverButtonStyle" TargetType="{x:Type Button}">
    <!-- 公共属性统一设置 -->
    <Setter Property="Width" Value="50"/>
    <Setter Property="Height" Value="50"/>
    <Setter Property="BorderBrush" Value="#66CCFF"/>
    
    <!-- 通用的鼠标悬停触发器 -->
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="BorderThickness" Value="1"/>
        </Trigger>
    </Style.Triggers>
</Style>

第二步：在按钮中继承并定制样式 #

<Button>
    <Button.Style>
        <Style TargetType="{x:Type Button}" BasedOn="{StaticResource BaseHoverButtonStyle}">
            <!-- 只需要设置当前按钮的初始BorderThickness -->
            <Setter Property="BorderThickness" Value="0,0,0,1"/>
        </Style>
    </Button.Style>
    <Image Margin="12" Source="picture1.png"/>
</Button>

<Button>
    <Button.Style>
        <Style TargetType="{x:Type Button}" BasedOn="{StaticResource BaseHoverButtonStyle}">
            <Setter Property="BorderThickness" Value="0,1,0,1"/>
        </Style>
    </Button.Style>
    <Image Margin="12" Source="picture2.png"/>
</Button>

<Button>
    <Button.Style>
        <Style TargetType="{x:Type Button}" BasedOn="{StaticResource BaseHoverButtonStyle}">
            <Setter Property="BorderThickness" Value="1,0,1,1"/>
        </Style>
    </Button.Style>
    <Image Margin="12" Source="picture3.png"/>
</Button>

这种方式的核心是：用Style内部的Setter设置初始BorderThickness，它的优先级低于触发器的Setter，所以鼠标悬停时触发器能正常覆盖样式。

方案二：附加属性实现参数化样式（更灵活通用） #

如果以后需要扩展更多可定制参数，用附加属性会更合适，它能让你像设置原生属性一样给按钮传递自定义参数：

第一步：定义附加属性 #

在你的项目里创建一个静态类，定义附加属性用来存储初始边框厚度：

using System.Windows;
using System.Windows.Controls;

namespace YourProjectNamespace // 替换成你的项目命名空间
{
    public static class ButtonExtensions
    {
        // 定义附加属性：NormalBorderThickness
        public static readonly DependencyProperty NormalBorderThicknessProperty =
            DependencyProperty.RegisterAttached(
                "NormalBorderThickness",
                typeof(Thickness),
                typeof(ButtonExtensions),
                new PropertyMetadata(default(Thickness)));

        // 设置属性的方法
        public static void SetNormalBorderThickness(Button element, Thickness value)
        {
            element.SetValue(NormalBorderThicknessProperty, value);
        }

        // 获取属性的方法
        public static Thickness GetNormalBorderThickness(Button element)
        {
            return (Thickness)element.GetValue(NormalBorderThicknessProperty);
        }
    }
}

第二步：在ResourceDictionary中定义通用样式 #

先引入附加属性所在的命名空间，然后绑定到附加属性作为初始值：

<!-- 引入命名空间，替换成你自己的 -->
xmlns:local="clr-namespace:YourProjectNamespace"

<Style x:Key="ParameterizedHoverButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Width" Value="50"/>
    <Setter Property="Height" Value="50"/>
    <Setter Property="BorderBrush" Value="#66CCFF"/>
    
    <!-- 绑定到附加属性，作为初始BorderThickness -->
    <Setter Property="BorderThickness" 
            Value="{Binding RelativeSource={RelativeSource Self}, Path=(local:ButtonExtensions.NormalBorderThickness)}"/>
    
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="BorderThickness" Value="1"/>
        </Trigger>
    </Style.Triggers>
</Style>

第三步：使用参数化样式 #

现在只需要给按钮设置附加属性就行，代码非常简洁：

<Button Style="{StaticResource ParameterizedHoverButtonStyle}"
        local:ButtonExtensions.NormalBorderThickness="0,0,0,1">
    <Image Margin="12" Source="picture1.png"/>
</Button>

<Button Style="{StaticResource ParameterizedHoverButtonStyle}"
        local:ButtonExtensions.NormalBorderThickness="0,1,0,1">
    <Image Margin="12" Source="picture2.png"/>
</Button>

<Button Style="{StaticResource ParameterizedHoverButtonStyle}"
        local:ButtonExtensions.NormalBorderThickness="1,0,1,1">
    <Image Margin="12" Source="picture3.png"/>
</Button>

为什么之前的方法失效？ #

再补充一下关键原理：WPF属性值优先级从高到低大致是：

1. 本地值（直接在元素标签上设置的属性）
2. 样式触发器里的Setter
3. 样式里的Setter
4. 继承的值
5. 默认值

你之前直接在<Button>上设置BorderThickness属于本地值，优先级比触发器高，所以触发器的Setter根本没法覆盖它，这就是鼠标悬停样式不生效的原因。而上面两种方案都是用较低优先级的方式设置初始值，让触发器能够正常生效。

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