WPF Storyboard动画异常：迁移样式后影响所有同模板元素

问题描述 #

将样式文件从App.xaml迁移到MyView.xaml后，动画功能异常：鼠标悬停单个元素时，所有使用同一DataTemplate的项都会触发缩放动画，但Fill颜色仅修改当前悬停的元素，不符合预期。

问题根源 #

核心原因是所有Path共享同一个RenderTransform实例：
你通过StaticResource引用了DefaultScale（一个ScaleTransform实例），这个实例是全局共享的。动画修改的是这个共享实例的ScaleX/ScaleY属性，自然所有绑定它的元素都会同步变化。而Fill属性是通过Style的Setter直接设置每个元素自身的属性，每个元素的Fill都是独立的，所以只会影响当前悬停的元素。

迁移到UserControl后才显现问题，是因为资源作用域变化后，WPF的实例复用机制触发了这个潜在隐患——其实不管资源放在哪里，只要多个元素共享同一个Transform实例，就会出现这个问题。

解决方案 #

方案1：为每个Path定义独立的RenderTransform #

把Path中的RenderTransform="{StaticResource DefaultScale}"替换为内联的ScaleTransform，让每个Path创建自己的Transform实例：

<Path Opacity="0.2"
      x:Name="circle"
      Style="{StaticResource Style}">
    <Path.RenderTransform>
        <ScaleTransform ScaleX="1" ScaleY="1"/>
    </Path.RenderTransform>
    <Path.Data>
        <EllipseGeometry RadiusX="{Binding Radius}"
                         RadiusY="{Binding Radius}" />
    </Path.Data>
</Path>

方案2：在Style中注入独立的RenderTransform #

如果需要复用默认缩放值，可以在Style中添加Setter，为每个应用该Style的Path生成独立的Transform实例：

<Style x:Key="Style"
       TargetType="{x:Type Path}">
    <!-- 添加Setter，每个Path都会获得自己的ScaleTransform -->
    <Setter Property="RenderTransform">
        <Setter.Value>
            <ScaleTransform ScaleX="1" ScaleY="1"/>
        </Setter.Value>
    </Setter>

    <Style.Triggers>
        <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Viewbox}}}"
                     Value="True">
            <Setter Property="Fill" Value="Orange" />
            <DataTrigger.EnterActions>
                <BeginStoryboard>
                    <Storyboard>
                         <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                                         Duration="0:0:0.2"
                                         To="2.33" />
                         <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                                         Duration="0:0:0.2"
                                         To="2.33" />
                    </Storyboard>
                </BeginStoryboard>
            </DataTrigger.EnterActions>
            <DataTrigger.ExitActions>                    
                <!-- 省略恢复默认值的代码 -->                       
            </DataTrigger.ExitActions>
        </DataTrigger>
    </Style.Triggers>
</Style>

之后删除Path中的RenderTransform="{StaticResource DefaultScale}"即可。

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