WPF按钮样式改造：绑定不同ViewModel布尔变量切换背景色

1. 创建全局资源字典 #

新建ButtonStyles.xaml资源字典文件（可放在项目Resources文件夹下，路径可自定义），在其中定义目标样式：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!-- 可复用布尔状态按钮样式 -->
    <Style x:Key="BooleanStatusButtonStyle" TargetType="Button">
        <!-- 默认样式：灰色背景 -->
        <Setter Property="Background" Value="#FF808080"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Padding" Value="8,4"/>
        <Setter Property="BorderThickness" Value="0"/>
        
        <!-- 状态触发规则 -->
        <Style.Triggers>
            <!-- 绑定值为True时，背景设为绿色 -->
            <DataTrigger Binding="{Binding}" Value="True">
                <Setter Property="Background" Value="#FF2ECC71"/>
            </DataTrigger>
            <!-- 绑定值为False时，背景设为红色 -->
            <DataTrigger Binding="{Binding}" Value="False">
                <Setter Property="Background" Value="#FFE74C3C"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>

</ResourceDictionary>

2. 全局注册资源字典 #

在App.xaml中合并该资源字典，确保所有视图都能访问：

<Application x:Class="YourWpfApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- 引入按钮样式字典，路径需与实际文件位置匹配 -->
                <ResourceDictionary Source="Resources/ButtonStyles.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

3. 在视图中复用样式 #

任意视图的XAML里，直接引用样式并绑定对应ViewModel的布尔属性即可：

<!-- 绑定ViewModel的IsRunning属性 -->
<Button Style="{StaticResource BooleanStatusButtonStyle}"
        Content="服务运行状态"
        Binding="{Binding IsRunning}"/>

<!-- 绑定另一个ViewModel的IsConnected属性 -->
<Button Style="{StaticResource BooleanStatusButtonStyle}"
        Content="设备连接状态"
        Binding="{Binding IsConnected}"/>

关键说明 #

• 样式中Binding="{Binding}"表示直接绑定按钮的DataContext（或指定绑定路径），可灵活适配不同ViewModel的布尔属性。
• 若需调整默认样式（如颜色、字体、边距），直接修改资源字典中的Setter即可，所有引用该样式的按钮会同步更新。
• 确保ViewModel中的布尔属性实现INotifyPropertyChanged接口，保证变量状态变化时按钮样式自动更新。

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