WPF DoubleAnimation

索引表示
手軽にできるのはここまでらしい(?)



<Button Content="Width Reverse" Height="100" HorizontalAlignment="Left" Margin="80,140,0,0" Name="ButtonWidth" VerticalAlignment="Top" Width="100">
<Button.RenderTransform>
<RotateTransform CenterX="0" CenterY="0" Angle="0" />
</Button.RenderTransform>
<Button.Triggers>
<EventTrigger RoutedEvent="ButtonBase.Click">

<BeginStoryboard>
<BeginStoryboard.Storyboard>
<Storyboard>
<DoubleAnimation AutoReverse="True" Duration="0:0:5"
Storyboard.TargetName="ButtonWidth"
Storyboard.TargetProperty="Width" To="600"/>
<DoubleAnimation AutoReverse="True" Duration="0:0:5"
Storyboard.TargetName="ButtonWidth"
Storyboard.TargetProperty="RenderTransform.Angle" To="-15"/>
</Storyboard>
</BeginStoryboard.Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
<Button Content="Size" Height="100" HorizontalAlignment="Left" Margin="77,277,0,0" Name="ButtonSize" VerticalAlignment="Top" Width="100">
<Button.Triggers>
<EventTrigger RoutedEvent="ButtonBase.Click">
<BeginStoryboard>
<BeginStoryboard.Storyboard>
<Storyboard>
<DoubleAnimation Duration="0:0:5"
Storyboard.TargetName="ButtonSize"
Storyboard.TargetProperty="Width" To="600"/>

<DoubleAnimation Duration="0:0:5"
Storyboard.TargetName="ButtonSize"
Storyboard.TargetProperty="Height" To="150"/>
</Storyboard>
</BeginStoryboard.Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>




AX