Create a Fish Eye Button with Double Animation : Button Animation « Windows Presentation Foundation « C# / CSharp Tutorial

1. C# / CSharp Tutorial
2. Windows Presentation Foundation
3. Button 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