Одновременно запускайте раскадровку одним нажатием кнопки в xaml

Question

Я пытаюсь сделать переворачиваемую анимацию, и у меня есть одна, которая переворачивается, когда это загруженное RoutedEvent, но я хочу, чтобы она переворачивалась, когда RoutedEvent имеет значение Button.Click.Пока это мой код:

<Grid>
    <Button Width="100" Click="Button_Click" RenderTransformOrigin="0.5,0.5" Height="100">
        <Button.RenderTransform>
                <ScaleTransform x:Name="AnimatedScaleTransform" ScaleX="-1" />
            </Button.RenderTransform>
        <Button.Template>
            <ControlTemplate>
                <Image Source="gurbe1.jpg"/>
            </ControlTemplate>
        </Button.Template>
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard x:Name="Storyboard1" Completed="Storyboard1_Completed">
                        <DoubleAnimation To="0" Duration="0:0:1"  Storyboard.TargetName="AnimatedScaleTransform" Storyboard.TargetProperty="(ScaleTransform.ScaleX)"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
    <Button Width="100" Click="Button_Click" RenderTransformOrigin="0.5,0.5" Height="100">
        <Button.RenderTransform>
            <ScaleTransform x:Name="AnimatedScaleTransform2" ScaleX="0" />
        </Button.RenderTransform>
        <Button.Template>
            <ControlTemplate>
                <Image Source="gurbe2.jpg"/>
            </ControlTemplate>
        </Button.Template>
        <Button.Triggers>
            <EventTrigger RoutedEvent="loaded">
                <BeginStoryboard>
                    <Storyboard x:Name="Storyboard2">
                        <DoubleAnimation From="0" To="1" BeginTime="0:0:2.3" Duration="0:0:1" Storyboard.TargetName="AnimatedScaleTransform2" Storyboard.TargetProperty="(ScaleTransform.ScaleX)"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>



</Grid>

Так есть ли способ запустить раскадровки одним щелчком мыши?

Answer 1

Так что я думаю, что получил:

XAML

    <Window.Resources>
    <BeginStoryboard x:Key="begin">
        <Storyboard x:Name="Storyboard1">
            <DoubleAnimation To="0" Duration="0:0:1"  Storyboard.TargetName="AnimatedScaleTransform" Storyboard.TargetProperty="(ScaleTransform.ScaleX)"/>
        </Storyboard>
    </BeginStoryboard>
    <BeginStoryboard x:Key="twa">
        <Storyboard x:Name="Storyboard2">
            <DoubleAnimation From="0" To="1" BeginTime="0:0:2.3" Duration="0:0:1" Storyboard.TargetName="AnimatedScaleTransform2" Storyboard.TargetProperty="(ScaleTransform.ScaleX)"/>
        </Storyboard>
    </BeginStoryboard>
</Window.Resources>



<Grid>
    <Button x:Name="button1" Width="100" Click="button1_Click" RenderTransformOrigin="0.5,0.5" Height="100">
        <Button.RenderTransform>
            <ScaleTransform x:Name="AnimatedScaleTransform" ScaleX="-1" />
        </Button.RenderTransform>
        <Button.Template>
            <ControlTemplate>
                <Image Source="gurbe1.jpg"/>
            </ControlTemplate>
        </Button.Template>
    </Button>
    <Button Width="100" Click="button1_Click" RenderTransformOrigin="0.5,0.5" Height="100">
        <Button.RenderTransform>
            <ScaleTransform x:Name="AnimatedScaleTransform2" ScaleX="0" />
        </Button.RenderTransform>
        <Button.Template>
            <ControlTemplate>
                <Image Source="gurbe2.jpg"/>
            </ControlTemplate>
        </Button.Template>
    </Button>
</Grid>

C #

        private void Clicked_Button(object sender, RoutedEventArgs e)
    {
        BeginStoryboard sb = this.FindResource("begin2") as BeginStoryboard;
        sb.Storyboard.Begin();
    }