WPF中如何根据自定义类属性值设置RichTextBox鼠标悬停样式

1. 多条件DataTrigger（最推荐） #

直接在RichTextBox的Style里用DataTrigger绑定自定义类的x属性，根据不同值配置鼠标悬停时的样式，前提是RichTextBox的DataContext已绑定到自定义类实例。

示例代码：

<RichTextBox>
    <RichTextBox.Style>
        <Style TargetType="RichTextBox">
            <!-- 默认基础样式 -->
            <Setter Property="Background" Value="White"/>
            <Style.Triggers>
                <!-- x="Value1"时的鼠标悬停样式 -->
                <DataTrigger Binding="{Binding x}" Value="Value1">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation To="#E0F7FA" Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" Duration="0:0:0.1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation To="White" Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" Duration="0:0:0.1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
                <!-- x="Value2"时的鼠标悬停样式 -->
                <DataTrigger Binding="{Binding x}" Value="Value2">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation To="#FCE4EC" Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" Duration="0:0:0.1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <ColorAnimation To="White" Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" Duration="0:0:0.1"/>
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </RichTextBox.Style>
</RichTextBox>

注意：若x属性是动态变化的，自定义类必须实现INotifyPropertyChanged接口，确保UI能实时响应属性变更。

2. StyleSelector（适合复杂样式场景） #

如果不同x值对应的样式差异极大，或需要动态逻辑选择样式，可使用StyleSelector，步骤如下：

第一步：创建自定义StyleSelector类 #

public class RichTextBoxStyleSelector : StyleSelector
{
    public Style Value1Style { get; set; }
    public Style Value2Style { get; set; }
    public Style DefaultStyle { get; set; }

    public override Style SelectStyle(object item, DependencyObject container)
    {
        // 若单个控件使用，可通过Tag传递自定义类实例
        var customObj = (container as FrameworkElement)?.Tag as YourCustomClass ?? item as YourCustomClass;
        if (customObj == null) return DefaultStyle;

        return customObj.x switch
        {
            "Value1" => Value1Style,
            "Value2" => Value2Style,
            _ => DefaultStyle
        };
    }
}

第二步：在XAML中定义样式和Selector实例 #

<Window.Resources>
    <!-- Value1对应的样式（包含鼠标悬停触发器） -->
    <Style x:Key="Value1Style" TargetType="RichTextBox">
        <Setter Property="Background" Value="White"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#E0F7FA"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <!-- Value2对应的样式（包含鼠标悬停触发器） -->
    <Style x:Key="Value2Style" TargetType="RichTextBox">
        <Setter Property="Background" Value="White"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#FCE4EC"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <!-- 默认样式 -->
    <Style x:Key="DefaultStyle" TargetType="RichTextBox">
        <Setter Property="Background" Value="White"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#F5F5F5"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <!-- 实例化自定义StyleSelector -->
    <local:RichTextBoxStyleSelector x:Key="RichTextBoxStyleSelector"
                                    Value1Style="{StaticResource Value1Style}"
                                    Value2Style="{StaticResource Value2Style}"
                                    DefaultStyle="{StaticResource DefaultStyle}"/>
</Window.Resources>

第三步：应用到RichTextBox #

• 若在ItemsControl中使用，直接设置ItemContainerStyleSelector；
• 单个控件使用时，通过Tag传递自定义类实例：

<RichTextBox Tag="{Binding YourCustomInstance}"
             StyleSelector="{StaticResource RichTextBoxStyleSelector}"/>

3. TemplateSelector（不推荐用于纯样式切换） #

TemplateSelector核心作用是替换控件的整个ControlTemplate，比如修改内部布局或控件结构。如果只是鼠标悬停样式的差异，用这个方案会增加不必要的复杂度，仅当需要同时修改控件结构时再考虑。

• 多条件DataTrigger：最简洁，适合样式差异小的场景，仅需XAML实现，无需额外后台代码。
• StyleSelector：适合每个x值对应完全独立的样式，或需要动态逻辑选择样式的场景，需少量后台代码。
• TemplateSelector：仅在需修改控件模板结构时使用，纯样式切换优先前两种方案。

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