wpf xaml 中的事件触发器 RoutedEvent

Question

我在 wpf xaml 中遇到问题，我对此很陌生，所以这可能是一些基本的东西，

我想将椭圆旋转 360 度

<Ellipse Name="test" Fill="Black" StrokeThickness="5" Margin="0,0,0,0" Height="66">
        <Ellipse.Triggers>
            <EventTrigger RoutedEvent="Ellipse.Loaded" SourceName="test">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation
                        Storyboard.TargetName="test"
                        Storyboard.TargetProperty="(Ellipse.RenderTransform).(RotateTransform.Angle)"
                        From="0"
                        To="360"
                        Duration="0:0:0.5"
                        RepeatBehavior="1x" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Ellipse.Triggers>
    </Ellipse>

，但没有任何反应，出了什么问题？

Answer 1

首先。您将需要椭圆中的 RotateTransform 对象：

<Ellipse.RenderTransform>
    <RotateTransform x:Name="transform" />
</Ellipse.RenderTransform>

在情节提要中更改这些属性：

Storyboard.TargetName="transform"
Storyboard.TargetProperty="Angle"

它应该可以工作！

您也可以仅更改 TargetProperty，并将 TargetName 保留为 test：

Storyboard.TargetName="test"
Storyboard.TargetProperty="RenderTransform.Angle"

这样，您的 RotateTransform 对象不需要名称！

把它们放在一起：

<Ellipse Name="test" Fill="Black" StrokeThickness="5" Margin="0,0,0,0" Height="66">
    <Ellipse.RenderTransform>
        <RotateTransform />
    </Ellipse.RenderTransform>
    <Ellipse.Triggers>
      <EventTrigger RoutedEvent="Ellipse.Loaded" SourceName="test">
        <BeginStoryboard>
        <Storyboard>
            <DoubleAnimation 
                Storyboard.TargetName="test"
                Storyboard.TargetProperty="RenderTransform.Angle"
                From="0" To="360" Duration="0:0:0.5" RepeatBehavior="1x" />
        </Storyboard>
        </BeginStoryboard>
      </EventTrigger>
    </Ellipse.Triggers>
</Ellipse>