常见错误点 #

• 未启用Toggle模式：普通Fluent:Button没有选中状态，要实现按下后保持选中效果，必须将IsToggleButton设为True，否则无法触发选中状态的视觉变化。
• 未正确继承默认样式：自定义样式时未通过BasedOn继承Fluent Button的基础样式，导致控件丢失原有布局逻辑，自定义触发器无法生效。
• 忽略VisualState优先级：Fluent控件的视觉状态（如MouseOver、Pressed、Checked）由ControlTemplate内的VisualStateManager管理，直接在Style里添加Trigger可能被模板内的默认VisualState覆盖。
• ResourceDictionary加载顺序错误：如果自定义样式的ResourceDictionary在Fluent默认样式之前加载，可能无法覆盖原有设置。

正确实现方案 #

步骤1：启用Toggle模式 #

在Button声明中添加IsToggleButton="True"，让按钮具备选中/未选中的切换能力：

<Fluent:Button Content="示例按钮" IsToggleButton="True" Style="{StaticResource CustomFluentButton}" />

步骤2：编写带ControlTemplate的自定义样式 #

重写ControlTemplate，通过触发器定义各状态的视觉变化，确保优先级高于默认逻辑：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:Fluent="clr-namespace:Fluent;assembly=Fluent.Ribbon">

    <Style x:Key="CustomFluentButton" TargetType="{x:Type Fluent:Button}" BasedOn="{StaticResource {x:Type Fluent:Button}}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Fluent:Button}">
                    <Border x:Name="border" 
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            CornerRadius="3">
                        <ContentPresenter x:Name="contentPresenter"
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                          Margin="{TemplateBinding Padding}"
                                          Content="{TemplateBinding Content}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}"
                                          Focusable="False"/>
                    </Border>

                    <ControlTemplate.Triggers>
                        <!-- 鼠标悬停状态 -->
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="Background" Value="#FFE0F0FF"/>
                            <Setter TargetName="contentPresenter" Property="Foreground" Value="#FF0050B0"/>
                        </Trigger>
                        <!-- 按下状态 -->
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Background" Value="#FFC0E0FF"/>
                        </Trigger>
                        <!-- 选中保持状态 -->
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="border" Property="Background" Value="#FFA0D0FF"/>
                            <Setter TargetName="contentPresenter" Property="Foreground" Value="#FF003080"/>
                        </Trigger>
                        <!-- 禁用状态 -->
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="border" Property="Background" Value="#FFEEEEEE"/>
                            <Setter TargetName="contentPresenter" Property="Foreground" Value="#FF999999"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

关键说明 #

• BasedOn="{StaticResource {x:Type Fluent:Button}}"：确保自定义样式继承Fluent Button的默认行为（如大小、布局规则），仅修改视觉状态。
• 直接在ControlTemplate内定义Trigger：避免被Fluent默认VisualState覆盖，确保自定义样式生效。

额外检查项 #

确认ResourceDictionary已正确合并到App.xaml或当前窗口的Resources中，且合并顺序在Fluent默认样式之后：

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/Fluent.Ribbon;component/Themes/Generic.xaml"/>
            <ResourceDictionary Source="CustomButtonStyles.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

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