EventTrigger RoutedEvent в wpf xaml

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 в тесте:

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>