Animate Ellipse RadiusY, RadiusX : Shape Animation « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. Shape Animation

<Window x:Class="Main"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="" Height="300" Width="300">
  <Grid>
    <Path Stroke="Black" StrokeThickness="1">
      <Path.Data>
        <GeometryGroup>
          <EllipseGeometry x:Name="ellipse" Center="150,150" RadiusX="5" RadiusY="5" />
        </GeometryGroup>
      </Path.Data>
      <Path.Triggers>
        <EventTrigger RoutedEvent="Path.Loaded">
          <BeginStoryboard>
            <Storyboard AutoReverse="True" RepeatBehavior="Forever">
              <ParallelTimeline Storyboard.TargetName="ellipse">
                <DoubleAnimation To="80" Storyboard.TargetProperty="RadiusX" />
                <DoubleAnimation To="80" Storyboard.TargetProperty="RadiusY" />
              </ParallelTimeline>
            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Path.Triggers>
    </Path>
  </Grid>
</Window>

24.114.Shape Animation
	24.114.1.	Animate EndPoint
	24.114.2.	Animate StartPoint
	24.114.3.	Animate Ellipse RadiusY, RadiusX
	24.114.4.	Animate Width and Height of a Ellipse
	24.114.5.	Animate Width and Height of a Rectangle
	24.114.6.	Width and Height animation
	24.114.7.	An animated Ellipse traces the outline of rendered text by using the path geometry of the text.
	24.114.8.	Animate Fill.RadiusY