WPF中DataTrigger与MultiDataTrigger的Enter/Exit动画异常问题

我需要实现Border的Padding动态调整逻辑，同时加入过渡动画，具体需求如下：

• 当ShowGrid=false时，Border.Padding="0 0 0 0"，内容始终显示，不响应鼠标状态
• 当ShowGrid=true时：
  • IsMouseOver=false → Padding="0 0 0 40"（隐藏内容）
  • IsMouseOver=true → Padding="0 0 0 0"（显示内容）
• 动画要求：所有Padding变化都通过0.25秒的渐变过渡实现

遇到的问题：
未添加ThicknessAnimation时，逻辑完全正常。但加入动画后，DataTrigger和MultiDataTrigger的定义顺序会导致冲突：

• 若DataTrigger（控制ShowGrid=false的情况）放在前面，ShowGrid=false时内容无法显示，但ShowGrid=true时的鼠标悬停逻辑正常
• 若MultiDataTrigger（控制ShowGrid=true+IsMouseOver的情况）放在前面，ShowGrid=true时鼠标悬停不生效，但ShowGrid=false的逻辑正常

问题根源在于WPF中动画的FillBehavior默认值为HoldEnd，会让动画结束后保持最终属性值，覆盖后续Trigger的Setter逻辑。同时Trigger的优先级和动画的持久化效果导致了互斥问题。以下是修正后的实现方案：

核心调整点 #

• 给所有ThicknessAnimation设置FillBehavior="Stop"，这样当Trigger条件不再满足时，动画停止，属性会回到基础值或其他Trigger的设置
• 明确Trigger优先级：将更具体的组合条件（MultiDataTrigger）放在后面，确保它能覆盖通用条件的逻辑
• 为每个Trigger的进入和退出动作添加对应动画，确保状态切换时的过渡平滑

修正后的Style代码 #

<Style TargetType="Border">
    <!-- 基础状态：默认Padding为0 0 0 40 -->
    <Setter Property="Padding" Value="0 0 0 40"/>
    
    <Style.Triggers>
        <!-- 当ShowGrid=false时，固定Padding为0 -->
        <DataTrigger Binding="{Binding ShowGrid}" Value="False">
            <DataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <ThicknessAnimation 
                            Storyboard.TargetProperty="Padding"
                            To="0 0 0 0"
                            Duration="0:0:0.25"
                            FillBehavior="Stop"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.EnterActions>
            <DataTrigger.Setters>
                <Setter Property="Padding" Value="0 0 0 0"/>
            </DataTrigger.Setters>
            <!-- 退出ShowGrid=false状态时，平滑过渡到隐藏状态 -->
            <DataTrigger.ExitActions>
                <BeginStoryboard>
                    <Storyboard>
                        <ThicknessAnimation 
                            Storyboard.TargetProperty="Padding"
                            To="0 0 0 40"
                            Duration="0:0:0.25"
                            FillBehavior="Stop"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.ExitActions>
        </DataTrigger>

        <!-- ShowGrid=true且鼠标悬停时，显示内容 -->
        <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding ShowGrid}" Value="True"/>
                <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/>
            </MultiDataTrigger.Conditions>
            <MultiDataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <ThicknessAnimation 
                            Storyboard.TargetProperty="Padding"
                            To="0 0 0 0"
                            Duration="0:0:0.25"
                            FillBehavior="Stop"/>
                    </Storyboard>
                </BeginStoryboard>
            </MultiDataTrigger.EnterActions>
            <MultiDataTrigger.Setters>
                <Setter Property="Padding" Value="0 0 0 0"/>
            </MultiDataTrigger.Setters>
        </MultiDataTrigger>

        <!-- ShowGrid=true且鼠标未悬停时，隐藏内容 -->
        <MultiDataTrigger>
            <MultiDataTrigger.Conditions>
                <Condition Binding="{Binding ShowGrid}" Value="True"/>
                <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="False"/>
            </MultiDataTrigger.Conditions>
            <MultiDataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <ThicknessAnimation 
                            Storyboard.TargetProperty="Padding"
                            To="0 0 0 40"
                            Duration="0:0:0.25"
                            FillBehavior="Stop"/>
                    </Storyboard>
                </BeginStoryboard>
            </MultiDataTrigger.EnterActions>
            <MultiDataTrigger.Setters>
                <Setter Property="Padding" Value="0 0 0 40"/>
            </MultiDataTrigger.Setters>
        </MultiDataTrigger>
    </Style.Triggers>
</Style>

关键说明 #

1. FillBehavior="Stop"：动画结束后不再保持最终值，让Setter能正常接管属性值，避免动画状态覆盖Trigger逻辑
2. Trigger顺序：将通用条件的DataTrigger放在前面，组合条件的MultiDataTrigger放在后面，确保多条件满足时，更具体的Trigger优先生效
3. Enter/ExitActions：针对ShowGrid的状态切换添加退出动画，确保从显示状态切换到隐藏状态时的平滑过渡

额外注意事项 #

• 确保ShowGrid是实现了INotifyPropertyChanged的依赖属性或ViewModel属性，否则状态变化无法触发Trigger
• 如果Border无法响应鼠标悬停，可设置Background="Transparent"（Border默认Background为null，不会触发鼠标事件）

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