WPF按钮点击后IsMouseOver特性失效问题求助

嘿，这个问题我熟！你遇到的IsMouseOver失效，根源在于你在C#代码里直接给按钮的Background属性赋值了——WPF的属性值优先级里，直接设置的本地值会比Style里的触发器优先级高，所以一旦你手动改了Background，后面IsMouseOver的触发器就再也没法覆盖这个值了😅

下面给你两种靠谱的解决方案，选哪种都能搞定：

方案一：用ToggleButton代替Button（最简单） #

ToggleButton自带IsChecked选中状态，还支持通过GroupName实现同一组只能选一个的效果，完美适配你的需求：

1. 修改App.xaml里的Style #

把TargetType改成ToggleButton，新增IsChecked状态的触发器，再加个GroupName确保同一组互斥：

<Style x:Key="MenuButton" TargetType="{x:Type ToggleButton}">
    <Setter Property="Background" Value="#373442" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="FontSize" Value="15" />
    <Setter Property="SnapsToDevicePixels" Value="True" />
    <!-- 同一组只能选中一个按钮 -->
    <Setter Property="GroupName" Value="MenuGroup"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Border CornerRadius="0" Background="{TemplateBinding Background}">
                    <Grid>
                        <ContentPresenter x:Name="MyContentPresenter" 
                                          Content="{TemplateBinding Content}" 
                                          HorizontalAlignment="Left" 
                                          VerticalAlignment="Center" 
                                          Margin="15"/>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                    <!-- 选中状态保持红色背景 -->
                    <Trigger Property="IsChecked" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

2. 修改XAML里的Button为ToggleButton #

<ToggleButton Style="{StaticResource MenuButton}" 
              Content="Logout" 
              HorizontalAlignment="Left" 
              VerticalAlignment="Top" 
              Width="201" 
              Height="58" 
              Margin="0,315,0,0"/>

3. 简化后台代码 #

不需要再手动设置Background了，直接处理Checked事件就行（如果需要切换面板逻辑）：

private void HomeButton_Checked(object sender, RoutedEventArgs e)
{
    // 这里写切换到Home面板的逻辑
}

private void TasksButton_Checked(object sender, RoutedEventArgs e)
{
    // 切换到Tasks面板的逻辑
}

private void AdminButton_Checked(object sender, RoutedEventArgs e)
{
    // 切换到Admin面板的逻辑
}

方案二：给Button添加自定义选中属性（不换控件类型） #

如果不想改用ToggleButton，可以给Button加一个自定义的IsSelected附加属性，用触发器管理状态：

1. 创建附加属性类 #

public class ButtonHelper
{
    public static readonly DependencyProperty IsSelectedProperty =
        DependencyProperty.RegisterAttached(
            "IsSelected", 
            typeof(bool), 
            typeof(ButtonHelper), 
            new PropertyMetadata(false));

    public static bool GetIsSelected(DependencyObject obj)
    {
        return (bool)obj.GetValue(IsSelectedProperty);
    }

    public static void SetIsSelected(DependencyObject obj, bool value)
    {
        obj.SetValue(IsSelectedProperty, value);
    }
}

2. 修改Style，添加IsSelected触发器 #

<!-- 记得在XAML根节点引入命名空间，比如xmlns:local="clr-namespace:你的项目命名空间" -->
<Style x:Key="MenuButton" TargetType="{x:Type Button}">
    <Setter Property="Background" Value="#373442" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="FontSize" Value="15" />
    <Setter Property="SnapsToDevicePixels" Value="True" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border CornerRadius="0" Background="{TemplateBinding Background}">
                    <Grid>
                        <ContentPresenter x:Name="MyContentPresenter" 
                                          Content="{TemplateBinding Content}" 
                                          HorizontalAlignment="Left" 
                                          VerticalAlignment="Center" 
                                          Margin="15"/>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                    <!-- 自定义选中状态触发器 -->
                    <Trigger Property="local:ButtonHelper.IsSelected" Value="True">
                        <Setter Property="Background" Value="#F06060" />
                        <Setter Property="Foreground" Value="White" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

3. 修改后台代码，设置附加属性代替直接改Background #

public static Button[] buttonArray = new Button[3];

public TaskManager()
{
    InitializeComponent();
    buttonArray[0] = HomeButton;
    buttonArray[1] = TasksButton;
    buttonArray[2] = AdminButton;
}

public static void paneSwitcher(Button button)
{
    foreach (Button aButton in buttonArray)
    {
        // 取消其他按钮的选中状态
        ButtonHelper.SetIsSelected(aButton, false);
    }
    // 设置当前按钮为选中状态
    ButtonHelper.SetIsSelected(button, true);
}

private void HomeButton_Click(object sender, RoutedEventArgs e)
{
    paneSwitcher(HomeButton);
}

private void TasksButton_Click(object sender, RoutedEventArgs e)
{
    paneSwitcher(TasksButton);
}

private void AdminButton_Click(object sender, RoutedEventArgs e)
{
    paneSwitcher(AdminButton);
}

两种方案都能解决你的问题，推荐方案一，因为更简洁，不需要额外写依赖属性~

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