Animate Width and Height of a Ellipse : 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">
  <Window.Resources>
    <Storyboard x:Key="ellipse1Storyboard" Storyboard.TargetName="ellipse1">
      <ParallelTimeline>
        <DoubleAnimation To="50" Duration="0:0:5" AccelerationRatio="0.25" DecelerationRatio="0.25" Storyboard.TargetProperty="Width" RepeatBehavior="5x" />
        <DoubleAnimation To="50" Duration="0:0:5" AccelerationRatio="0.5" DecelerationRatio="0.25" Storyboard.TargetProperty="Height" RepeatBehavior="5x" SpeedRatio="4" />
      </ParallelTimeline>
    </Storyboard>
  </Window.Resources>
  <Window.Triggers>
    <EventTrigger RoutedEvent="Ellipse.Loaded" SourceName="ellipse1">
      <BeginStoryboard Storyboard="{DynamicResource ellipse1Storyboard}" />
    </EventTrigger>
  </Window.Triggers>
  <Grid>
    <Ellipse x:Name="ellipse1" Margin="10" Width="100" Height="100" Fill="CornflowerBlue" />
  </Grid>
</Window>
WPF Animate Width And Height Of A Ellipse




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