WPF按钮点击后激活态颜色重置问题及实现方案咨询

一、技术选型：优先用XAML声明式实现 #

WPF的样式与状态管理天生适合用XAML处理，相比C#硬编码，XAML更易维护、更贴合WPF的声明式设计思想，能避免大量冗余的后台事件处理代码。复杂逻辑可结合C#（如ViewModel），但核心状态切换用XAML触发器即可完成。

二、核心问题分析与解决思路 #

你当前的问题是：点击按钮后直接设置TextBlock的Foreground，但鼠标移出时，TextBlock的IsMouseOver触发器会覆盖手动设置的值。解决核心是给按钮添加持久化的选中状态，让高亮样式绑定该状态，而非仅依赖鼠标事件。

方案1：用ToggleButton实现互斥选中（最简方案） #

将Button替换为ToggleButton，通过GroupName属性实现按钮组互斥（点击一个时其他自动取消选中），再在样式中针对IsChecked状态设置永久高亮：

<!-- 定义通用导航ToggleButton样式 -->
<Style x:Key="NavToggleButtonStyle" TargetType="ToggleButton">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderBrush" Value="Transparent"/>
    <Setter Property="Width" Value="192"/>
    <Setter Property="Height" Value="31"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="{TemplateBinding Margin}">
                    <Image Source="{TemplateBinding Tag}" Width="18" Height="18" Margin="0,0,8,0"/>
                    <TextBlock x:Name="BtnText" 
                               Text="{TemplateBinding Content}" 
                               Foreground="#848386" 
                               FontFamily="{StaticResource Vela Sans M}" 
                               FontSize="16"/>
                </StackPanel>
                <ControlTemplate.Triggers>
                    <!-- 鼠标悬停过渡效果 -->
                    <Trigger Property="IsMouseOver" Value="True">
                        <Trigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="BtnText" 
                                                   Storyboard.TargetProperty="Foreground.Color"
                                                   To="#F5F1FF" 
                                                   Duration="0:0:0.2"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.EnterActions>
                        <Trigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="BtnText" 
                                                   Storyboard.TargetProperty="Foreground.Color"
                                                   To="#848386" 
                                                   Duration="0:0:0.2"
                                                   <!-- 仅未选中时恢复灰色 -->
                                                   Condition="!IsChecked"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.ExitActions>
                    </Trigger>
                    <!-- 选中状态永久高亮 -->
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="BtnText" Property="Foreground" Value="White"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- 使用ToggleButton，通过GroupName实现互斥 -->
<ToggleButton x:Name="razd_opt" 
              GroupName="NavButtons" 
              Style="{StaticResource NavToggleButtonStyle}"
              Content="Оптимизация" 
              Tag="{StaticResource Zap}" 
              Margin="26,22,0,0"
              Click="razd_opt_Click"/>

<ToggleButton x:Name="crosshair" 
              GroupName="NavButtons" 
              Style="{StaticResource NavToggleButtonStyle}"
              Content="Прицел" 
              Tag="{StaticResource Crosshair}" 
              Margin="26,16,0,0"/>

方案2：结合ViewModel与DataTrigger（更灵活，适配窗口关联需求） #

如果需要和按钮关联的窗口联动，推荐用ViewModel管理选中状态，通过绑定实现状态同步：

1. ViewModel代码（C#）

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows;

public class NavViewModel : INotifyPropertyChanged
{
    private string _selectedButton;
    public string SelectedButton
    {
        get => _selectedButton;
        set
        {
            _selectedButton = value;
            OnPropertyChanged();
        }
    }

    // 更新选中按钮
    public void SelectButton(string buttonName)
    {
        SelectedButton = buttonName;
    }

    // 根据激活的窗口同步选中状态
    public void SyncWithActiveWindow(Window activeWindow)
    {
        if (activeWindow is OptimizationWindow)
            SelectedButton = "razd_opt";
        else if (activeWindow is CrosshairWindow)
            SelectedButton = "crosshair";
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. XAML绑定与样式

<!-- 窗口绑定ViewModel -->
<Window.DataContext>
    <local:NavViewModel/>
</Window.DataContext>

<!-- 自定义导航按钮样式 -->
<Style x:Key="NavButtonStyle" TargetType="Button">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderBrush" Value="Transparent"/>
    <Setter Property="Width" Value="192"/>
    <Setter Property="Height" Value="31"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Margin="{TemplateBinding Margin}">
                    <Image Source="{TemplateBinding Tag}" Width="18" Height="18" Margin="0,0,8,0"/>
                    <TextBlock x:Name="BtnText" 
                               Text="{TemplateBinding Content}" 
                               Foreground="#848386" 
                               FontFamily="{StaticResource Vela Sans M}" 
                               FontSize="16"/>
                </StackPanel>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Trigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="BtnText" 
                                                   Storyboard.TargetProperty="Foreground.Color"
                                                   To="#F5F1FF" 
                                                   Duration="0:0:0.2"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.EnterActions>
                        <Trigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="BtnText" 
                                                   Storyboard.TargetProperty="Foreground.Color"
                                                   To="#848386" 
                                                   Duration="0:0:0.2"
                                                   Condition="{Binding SelectedButton, Converter={local:NotEqualConverter}, ConverterParameter={TemplateBinding Name}}"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </Trigger.ExitActions>
                    </Trigger>
                    <!-- 绑定ViewModel的选中状态 -->
                    <DataTrigger Binding="{Binding SelectedButton}" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Name}">
                        <Setter TargetName="BtnText" Property="Foreground" Value="White"/>
                    </DataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- 使用按钮，绑定命令更新选中状态 -->
<Button x:Name="razd_opt" 
        Style="{StaticResource NavButtonStyle}" 
        Content="Оптимизация" 
        Tag="{StaticResource Zap}" 
        Margin="26,22,0,0"
        Command="{Binding SelectButtonCommand}" 
        CommandParameter="razd_opt"/>

<Button x:Name="crosshair" 
        Style="{StaticResource NavButtonStyle}" 
        Content="Прицел" 
        Tag="{StaticResource Crosshair}" 
        Margin="26,16,0,0"
        Command="{Binding SelectButtonCommand}" 
        CommandParameter="crosshair"/>

三、借助按钮关联窗口实现状态同步 #

完全可以利用按钮与窗口的关联实现需求，核心逻辑：

1. 点击按钮打开对应窗口时，同步设置该按钮为选中状态，同时可关闭其他关联窗口（或取消其他按钮选中）
2. 监听窗口的Activated事件，当窗口被激活时，自动将对应按钮设为选中状态
3. 监听窗口的Closed事件，若所有关联窗口都关闭，重置所有按钮状态

示例后台代码：

private OptimizationWindow _optWindow;
private CrosshairWindow _crosshairWindow;
private readonly NavViewModel _viewModel;

public MainWindow()
{
    InitializeComponent();
    _viewModel = (NavViewModel)DataContext;
}

private void razd_opt_Click(object sender, RoutedEventArgs e)
{
    if (_optWindow == null || !_optWindow.IsVisible)
    {
        _optWindow = new OptimizationWindow();
        // 窗口激活时同步按钮状态
        _optWindow.Activated += (s, args) => _viewModel.SyncWithActiveWindow(_optWindow);
        // 窗口关闭时，若没有其他窗口激活则重置状态
        _optWindow.Closed += (s, args) => 
        {
            if (!_crosshairWindow?.IsVisible ?? true)
                _viewModel.SelectedButton = null;
        };
        _optWindow.Show();
    }
    else
    {
        _optWindow.Activate();
    }
    _viewModel.SelectButton("razd_opt");
}

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