Enlarge a Button with Xaml : Button Animation « Windows Presentation Foundation « C# / CSharp Tutorial






<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Button FontSize="12"
            HorizontalAlignment="Center" VerticalAlignment="Center">

        Expanding Button

        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Click">
                <BeginStoryboard>
                    <Storyboard TargetProperty="FontSize">
                        <DoubleAnimation From="12" To="48" 
                                         Duration="0:0:2"
                                         FillBehavior="Stop" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
</Page>
WPF Enlarge Button In Xaml








24.3.Button Animation
24.3.1.Shaking a Button with DoubleAnimationShaking a Button with DoubleAnimation
24.3.2.Using common TextElement attached properties to set Button textUsing common TextElement attached properties to set Button text
24.3.3.Create a Fish Eye Button with Double AnimationCreate a Fish Eye Button with Double Animation
24.3.4.Enlarge a Button with XamlEnlarge a Button with Xaml
24.3.5.Click to rotate a ButtonClick to rotate a Button
24.3.6.Click to scale a ButtonClick 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