Two Animations

image_pdfimage_print

     

<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">


    <Ellipse Width="48" Height="48" Fill="Red"

             Canvas.Left="0" Canvas.Top="0">


        <Ellipse.Triggers>

            <EventTrigger RoutedEvent="Ellipse.MouseDown">

                <BeginStoryboard>

                    <Storyboard>


                        <DoubleAnimation 

                            Storyboard.TargetProperty="(Canvas.Left)"

                            From="0" To="288" Duration="0:0:1"

                            AutoReverse="True" />


                        <DoubleAnimation 

                            Storyboard.TargetProperty="(Canvas.Top)"

                            From="0" To="480" Duration="0:0:5"

                            AutoReverse="True" />


                    </Storyboard>

                </BeginStoryboard>

            </EventTrigger>

        </Ellipse.Triggers>

    </Ellipse>

</Canvas>