Animate Button LayoutTransform : Transform « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Transform

Animate Button LayoutTransform

     
<StackPanel xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            TextBlock.FontSize="18pt" >

    <UniformGrid Rows="3" Columns="3">
        <Button Content="Button">
            <Button.RenderTransform>
                <RotateTransform x:Name="xform1" />
            </Button.RenderTransform>
        </Button>
    </UniformGrid>

    <UniformGrid Rows="3" Columns="3">
        <Button Content="Button" >
            <Button.LayoutTransform>
                <RotateTransform x:Name="xform2" />
            </Button.LayoutTransform>
        </Button>
        <Button Content="Button" />
    </UniformGrid>

    <StackPanel.Triggers>
        <EventTrigger RoutedEvent="StackPanel.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="xform2"
                                     Storyboard.TargetProperty="Angle"
                                     Duration="0:0:10"
                                     From="0" To="360"
                                     RepeatBehavior="Forever" />

                    <DoubleAnimation Storyboard.TargetName="xform1"
                                     Storyboard.TargetProperty="Angle"
                                     Duration="0:0:10"
                                     From="0" To="360"
                                     RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </StackPanel.Triggers>
</StackPanel>

   
    
    
    
    
  

Related examples in the same category

1.	RenderTransform section
2.	LayoutTransform section
3.	Transformed Buttons with TranslateTransform X/Y
4.	Transformed Buttons with ScaleTransform and ScaleY
5.	Transformed Buttons with SkewTransform and AngleY
6.	Transformed Buttons with RotateTransform And Angle
7.	Animate Button RenderTransform
8.	Translate Transform
9.	ScaleTransform
10.	SkewTransform applied
11.	Applies a RotateTransform to the brush's Transform property
12.	TranslateTransform : LayoutTransform Sample
13.	MatrixTransform Sample
14.	Rotate Button Along the center and Angle
15.	Render Tranform
16.	Rotate a Button
17.	Rotate in a circle, then flip, when clicked
18.	RotateTransform Applied
19.	Rotation of content by using RotateTransform
20.	Object Transforms in WPF