DoubleAnimation

Windows Presentation Foundation Station

DoubleAnimation

Double型の値を、指定された時間(Duration)に沿って、開始値(From)から終了値(To)(By)までの値に変化させます。
ここでのサンプルは以下のような、ボタンの幅をアニメーションさせるという無意味なものです。

動画を見たい方

サンプルのXAMLコード bookmark

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="DoubleAnimation"> <Grid> <Button Height="23" HorizontalAlignment="Left" Margin="5,8,0,0" Name="Button1" VerticalAlignment="Top" Width="75">Button</Button> </Grid> <Window.Triggers> <EventTrigger RoutedEvent="Window.Loaded"> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="Button1" Storyboard.TargetProperty="Width" From="75" To="300" Duration="0:0:5" AutoReverse = "True" RepeatBehavior="Forever" /> </Storyboard> </BeginStoryboard> </EventTrigger> </Window.Triggers> </Window>

ここで重要なのが、DoubleAnimationのTargetName?とTargetProperty?がそれぞれ、ターゲットの名前、ターゲットのプロパティを指定しています。すなわち、DoubleAnimationのFromからToのアニメーション値が、Button1.Widthにセットされると言う事です。

サンプルのXAML & VBコード bookmark

上記のようにXAMLだけでも実行させる事は可能ですが、アニメーション部分だけをVBで実装する方法は以下のようになります。

• XAMLコード <Window x:Class="Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="DoubleAnimation" Height="300" Width="300" > <Grid> <Button Height="23" HorizontalAlignment="Left" Margin="5,8,0,0" Name="Button1" VerticalAlignment="Top" Width="75">Button</Button> </Grid> </Window>

• VBコード Imports System.Windows.Media.Animation Partial Public Class Window1 Inherits Window Public Sub New() InitializeComponent() End Sub Private Sub Window1_Loaded(ByVal sender As Object, _ ByVal e As System.Windows.RoutedEventArgs) _ Handles Me.Loaded Dim myDoubleAnimation As New DoubleAnimation() With myDoubleAnimation .From = 75 .To = 300 .Duration = New Duration(TimeSpan.FromSeconds(5)) .AutoReverse = True .RepeatBehavior = RepeatBehavior.Forever End With Button1.BeginAnimation(Button.WidthProperty, _ myDoubleAnimation) End Sub End Class

コメント bookmark

• 森鷗外 -- 麤㐂窾? 2008-04-07 (月) 09:31:34

お名前: