Question

我有以下xaml来显示旋转Ellipse：

<Ellipse x:Name="ellipse"
         Stroke="{StaticResource _SpinnerGradientBrush}"
         StrokeThickness="20"                
         RenderTransformOrigin="0.5,0.5">
    <Ellipse.RenderTransform>
        <TransformGroup>
            <RotateTransform Angle="0" />
        </TransformGroup>
    </Ellipse.RenderTransform>
    <Ellipse.Triggers>
        <EventTrigger RoutedEvent="Ellipse.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimationUsingKeyFrames
                          Storyboard.TargetName="ellipse"
                          Storyboard.TargetProperty="(Ellipse.RenderTransform).(RotateTransform.Angle)"
                          Duration="0:0:4" 
                          RepeatBehavior="Forever">
                        <LinearDoubleKeyFrame Value="0" KeyTime="0:0:0" />
                        <LinearDoubleKeyFrame Value="359" KeyTime="0:0:4" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Ellipse.Triggers>
</Ellipse>

窗口将按预期显示，但动画永远不会启动。我已经在Blend中使用了它，但由于某种原因，当我在我的应用程序中实际使用xaml时它不起作用。如果有人有任何想法，我会很感激。

Answer 1

删除＆lt; TransformGroup＆gt;标签，你只需要：

<Ellipse.RenderTransform>
    <RotateTransform Angle="0" />
</Ellipse.RenderTransform>

或者为要动画的RotateTransform指定一个名称并在动画中将其定位（由于它更短，更改为DoubleAnimation）：

<Ellipse.RenderTransform>
    <TransformGroup>
        <RotateTransform Angle="0" x:Name="ellipseRotateTransform" />
    </TransformGroup>
</Ellipse.RenderTransform>
<Ellipse.Triggers>
    <EventTrigger RoutedEvent="Ellipse.Loaded">
        <BeginStoryboard>
            <Storyboard>
                <DoubleAnimation
                    Storyboard.TargetName="ellipseRotateTransform"
                    Storyboard.TargetProperty="Angle"
                    From="0" To="359"
                    Duration="0:0:4" 
                    RepeatBehavior="Forever">
                </DoubleAnimation>
            </Storyboard>
        </BeginStoryboard>
    </EventTrigger>
</Ellipse.Triggers>

WPF动画不播放

1 个答案: