Start animation after clicking the Ellipse

       

<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="300" Duration="0:0:0.25"
                            AutoReverse="True" 
                            RepeatBehavior="20x" />

                        <DoubleAnimation 
                            Storyboard.TargetProperty="(Canvas.Top)"
                            From="0" To="480" Duration="0:0:5"
                            AutoReverse="True" />

                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Ellipse.Triggers>
    </Ellipse>
</Canvas>

Related examples in the same category

1.	Stretch="Uniform"
2.	Stretch="UniformToFill"
3.	Set Stroke, StrokeThickness, Height and Width for Ellipse
4.	Ellipse with OuterGlowBitmapEffect
5.	Fill Ellipse with custom ImageBrush - TileMode Tile
6.	Ellipse with BlurBitmapEffect
7.	EllipseGeometry and GeometryDrawing
8.	Ellipse Geometry
9.	Draws several Ellipse elements within a Canvas
10.	Ellipse Shape and Stroke
11.	Ellipse with DropShadowBitmapEffect
12.	Using Image as Ellipse fill
13.	Draws an oval with a light green interior and a red outline
14.	Sets the shape's Fill property with an ImageBrush. The resulting ellipse's interior is painted with an image
15.	Creates an ellipse shape using two ArcSegment objects
16.	Use Ellipse event delegate
17.	Use Ellipse.AddHandler to add handler to Ellipse objects
18.	Ellipse Shape
19.	Ellipse depends on Canvas layout and position
20.	An animated Ellipse traces the outline of rendered text by using the path geometry of the text.
21.	Ellipse Mouse Down event
22.	Capture Mouse Ellipse
23.	Ellipse MouseMove event
24.	Ellipse Mouse up event

Start animation after clicking the Ellipse : Ellipse « Windows Presentation Foundation « VB.Net

Related examples in the same category