Animate Width and Height of a Ellipse : Shape Animation « Windows Presentation Foundation « C# / CSharp Tutorial

Home C# / CSharp Tutorial 1. Language Basics 2. Data Type 3. Operator 4. Statement 5. String 6. struct 7. Class 8. Operator Overload 9. delegate 10. Attribute 11. Data Structure 12. Assembly 13. Date Time 14. Development 15. File Directory Stream 16. Preprocessing Directives 17. Regular Expression 18. Generic 19. Reflection 20. Thread 21. I18N Internationalization 22. LINQ 23. GUI Windows Forms 24. Windows Presentation Foundation 25. Windows Communication Foundation 26. Workflow 27. 2D 28. Design Patterns 29. Windows 30. XML 31. XML LINQ 32. ADO.Net 33. Network 34. Directory Services 35. Security 36. unsafe C# / C Sharp C# / C Sharp by API C# / CSharp Open Source

C# / CSharp Tutorial » Windows Presentation Foundation » Shape Animation   24.114.4.Animate Width and Height of a Ellipse <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> 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