如何制作可在运行时动态更改背景色的WPF按钮

要实现运行时动态修改自定义样式Button的背景色，核心是把模板内的背景与Button的Background属性绑定，同时保留原有样式的交互效果，具体步骤如下：

1. 重构Style的Background默认值 #

把原来硬写在ControlTemplate中Border的渐变背景，移到Style的Setter里作为Button的默认背景，这样外部可以直接通过修改Button的Background属性来动态替换：

<Style x:Key="EmkoGasButton" TargetType="{x:Type Button}">
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Padding" Value="1"/>
    <!-- 添加默认Background的Setter -->
    <Setter Property="Background">
        <Setter.Value>
            <RadialGradientBrush GradientOrigin="0.496,1.052">
                <RadialGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.5" ScaleY="1.5"/>
                        <TranslateTransform X="0.02" Y="0.3"/>
                    </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Offset="1" Color="#00000000"/>
                <GradientStop Offset="0.3" Color="#FFFFFFFF"/>
            </RadialGradientBrush>
        </Setter.Value>
    </Setter>
    <!-- Template部分后续修改 -->
</Style>

2. 修改ControlTemplate中的Border背景绑定 #

把ControlTemplate里Border的Background改成绑定到模板父级（即Button本身）的Background属性，这样Button的Background变化会同步到模板内的Border：

<ControlTemplate TargetType="{x:Type Button}">
    <Grid x:Name="grid">
        <Border x:Name="border" CornerRadius="6" BorderBrush="SlateGray" BorderThickness="1"
                Background="{TemplateBinding Background}"> <!-- 替换为TemplateBinding -->
            <ContentPresenter HorizontalAlignment="Center"
                              VerticalAlignment="Center"
                              TextElement.FontWeight="Bold">
            </ContentPresenter>
        </Border>
    </Grid>
    <!-- 原有触发器保留 -->
</ControlTemplate>

3. 保留交互触发器（可选） #

原有IsPressed、IsMouseOver等触发器可以继续保留，它们会在交互状态下覆盖当前的Background（比如按下时的深色渐变）。如果需要让按下状态的背景也支持动态修改，可以把触发器里的背景也改成绑定（比如自定义附加属性），但默认保留原有逻辑即可满足大部分场景。

4. 运行时动态修改背景 #

MVVM方式 #

定义一个实现INotifyPropertyChanged的属性，绑定到Button的Background：

private Brush _buttonBackground;
public Brush ButtonBackground
{
    get => _buttonBackground;
    set
    {
        _buttonBackground = value;
        OnPropertyChanged(nameof(ButtonBackground));
    }
}

// 修改背景时直接赋值
ButtonBackground = new SolidColorBrush(Colors.Blue);
// 或者用渐变
ButtonBackground = new RadialGradientBrush(Colors.LightBlue, Colors.DarkBlue);

XAML绑定：

<Button Style="{StaticResource EmkoGasButton}" Background="{Binding ButtonBackground}"/>

代码后台方式 #

直接修改Button的Background属性：

MyButton.Background = new SolidColorBrush(Colors.Green);

这样就能在运行时任意切换Button的背景色，同时保留自定义样式的所有交互效果。

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