WPF中ImageBrush绑定DataTrigger后无法循环旋转的问题

以下是导致ImageBrush不旋转的常见原因及对应解决方案：

1. 动画未关联到ImageBrush的Transform属性 #

ImageBrush本身没有可直接动画的旋转属性，必须为它设置RotateTransform，再对该Transform的Angle属性做动画。错误的写法会直接给ImageBrush或Ellipse加动画，导致无法生效。

错误示例（无效果）：

<Style TargetType="Ellipse">
    <Style.Triggers>
        <DataTrigger Binding="{Binding MyProperty}" Value="0">
            <Setter Property="Fill" Value="{StaticResource spinningIcon}"/>
            <DataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <!-- 错误：未定位到Transform的Angle属性 -->
                        <DoubleAnimation To="360" Duration="0:0:1" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

正确写法（提前定义带Transform的ImageBrush）：

<!-- 在资源字典中定义带RotateTransform的ImageBrush -->
<ImageBrush x:Key="spinningIcon" ImageSource="your-icon.png">
    <ImageBrush.Transform>
        <RotateTransform x:Name="iconRotate" Angle="0"/>
    </ImageBrush.Transform>
</ImageBrush>

<Style TargetType="Ellipse">
    <Style.Triggers>
        <DataTrigger Binding="{Binding MyProperty}" Value="0">
            <Setter Property="Fill" Value="{StaticResource spinningIcon}"/>
            <DataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard TargetName="iconRotate" TargetProperty="Angle">
                        <DoubleAnimation From="0" To="360" Duration="0:0:1" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.EnterActions>
            <!-- 可选：退出触发器时重置旋转角度 -->
            <DataTrigger.ExitActions>
                <BeginStoryboard>
                    <Storyboard TargetName="iconRotate" TargetProperty="Angle">
                        <DoubleAnimation To="0" Duration="0:0:0"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.ExitActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

2. 触发器TargetName作用域问题 #

如果ImageBrush是直接定义在Style的Setter内部，而非全局资源字典中，TargetName会因命名作用域限制无法找到目标。此时需要通过属性路径直接定位到Fill的Transform：

<Style TargetType="Ellipse">
    <Style.Triggers>
        <DataTrigger Binding="{Binding MyProperty}" Value="0">
            <Setter Property="Fill">
                <Setter.Value>
                    <ImageBrush ImageSource="your-icon.png">
                        <ImageBrush.Transform>
                            <RotateTransform Angle="0"/>
                        </ImageBrush.Transform>
                    </ImageBrush>
                </Setter.Value>
            </Setter>
            <DataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                        <!-- 通过属性路径定位到目标 -->
                        <DoubleAnimation Storyboard.TargetProperty="Fill.(ImageBrush.Transform).(RotateTransform.Angle)"
                                         From="0" To="360" Duration="0:0:1" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.EnterActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

3. MyProperty未实现属性变更通知 #

如果MyProperty是自定义属性，必须实现INotifyPropertyChanged接口，否则属性值变化时DataTrigger不会触发EnterActions：

public class YourViewModel : INotifyPropertyChanged
{
    private int _myProperty;
    public int MyProperty
    {
        get => _myProperty;
        set
        {
            _myProperty = value;
            OnPropertyChanged(nameof(MyProperty));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

4. 动画参数设置错误 #

• 确保RepeatBehavior设置为Forever，否则动画只会旋转一次就停止；
• 检查Duration是否合理（如0:0:1表示1秒转一圈），若设为0则动画会瞬间完成，看起来无旋转效果。

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