Border背景色从黄到红持续变色动画失效，求原因

为什么原代码不生效？ #

• 共享冻结的Brush无法被动画修改：直接通过Background="Yellow"赋值时，WPF会使用内部共享的冻结（Frozen）SolidColorBrush实例，冻结对象是只读的，动画无法修改其属性，导致颜色变化不生效。
• 动画行为不符合预期：原动画仅定义了从黄到红的单向过渡，开启RepeatBehavior="Forever"后，动画结束会直接跳回初始黄色再重复，视觉上可能出现跳变甚至看起来没变化。

修正后的代码 #

<Border>
    <Border.Background>
        <!-- 显式创建可修改的SolidColorBrush，避免使用共享冻结实例 -->
        <SolidColorBrush Color="Yellow"/>
    </Border.Background>
    <Border.Triggers>
        <EventTrigger RoutedEvent="Border.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation 
                        Storyboard.TargetProperty="Background.Color"
                        From="Yellow" 
                        To="Red" 
                        Duration="0:0:0.2"
                        RepeatBehavior="Forever"
                        AutoReverse="True"/> <!-- 自动反向实现平滑循环渐变 -->
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Border.Triggers>
</Border>

关键修改说明 #

1. 显式定义SolidColorBrush：替换直接赋值颜色的写法，手动创建非冻结的Brush实例，确保动画能修改其Color属性。
2. 添加AutoReverse属性：让动画完成黄→红过渡后自动反向为红→黄，再重复整个过程，实现持续平滑的渐变效果。如果只需要单向重复（黄→红跳回黄→红），可以移除该属性，但视觉连贯性会变差。

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