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
• 211231221312 -- inoue? 2008-08-28 (木) 17:06:13
• <url>http://vietnamitv.com/iptv/members/Bloated-Goat.aspx|Bloated Goat</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Dogpile-Search-Spy.aspx|Dogpile Search Spy</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Ftv-Angels.aspx|Ftv Angels</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Awiting-Bayan.aspx|Awiting Bayan</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Modest-Dresses.aspx|Modest Dresses</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Sammy-Braddy.aspx|Sammy Braddy</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Canning-Salsa.aspx|Canning Salsa</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Bellsouth-Webmail.aspx|Bellsouth Webmail</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Seakings-Femfight.aspx|Seakings Femfight</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Severe-Caning.aspx|Severe Caning</url> cxvpowe <url>http://vietnamitv.com/iptv/members/Peroxide-Ear.aspx|Peroxide Ear</url> cxvpowe -- Resistor Color Code? 2009-09-27 (日) 16:40:07
• <url>http://sxzews.com/2009/index.php|News</url> -- drobtodoasn? 2009-09-29 (火) 14:59:43
• eyyZebbsm -- xoewdlz? 2009-11-04 (水) 13:04:39
• FUyQQrsQFan -- ltigfw? 2009-11-04 (水) 13:53:43

お名前: