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>
WPF Fish Eye Buttons
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
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.