Create a Fish Eye Button with Double Animation : Button 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 » Button Animation   24.3.3.Create a Fish Eye Button with Double Animation <StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">     <StackPanel.Resources>         <Style TargetType="{x:Type Button}">             <Setter Property="HorizontalAlignment" Value="Center" />             <Setter Property="FontSize" Value="12" />             <Style.Triggers>                 <EventTrigger RoutedEvent="Button.MouseEnter">                     <BeginStoryboard>                         <Storyboard>                             <DoubleAnimation                                  Storyboard.TargetProperty="FontSize"                                 To="36" Duration="0:0:1" />                         </Storyboard>                     </BeginStoryboard>                 </EventTrigger>                 <EventTrigger RoutedEvent="Button.MouseLeave">                     <BeginStoryboard>                         <Storyboard>                             <DoubleAnimation                                  Storyboard.TargetProperty="FontSize"                                 To="12" Duration="0:0:0.25" />                         </Storyboard>                     </BeginStoryboard>                 </EventTrigger>             </Style.Triggers>         </Style>     </StackPanel.Resources>     <Button>1</Button>     <Button>2</Button>     <Button>3</Button> </StackPanel> 24.3.Button Animation 24.3.1. Shaking a Button with DoubleAnimation 24.3.2. Using common TextElement attached properties to set Button text 24.3.3. Create a Fish Eye Button with Double Animation 24.3.4. Enlarge a Button with Xaml 24.3.5. Click to rotate a Button 24.3.6. Click to scale a Button 24.3.7. Translated button with Code 24.3.8. Scaled button with Code 24.3.9. Skewed button with Code 24.3.10. Rotated button with Code 24.3.11. Enlarge Button With Animation 24.3.12. Enlarge Button with Timer