BeginStoryboard:要在EventTrigger中触发调用,RoutedEvent是响应的事件
例子:
<
Window x:Class=
"Wpf_2008.Window2"
xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x= "http://schemas.microsoft.com/winfx/2006/xaml"
Title= "Window2" Height= "300" Width= "300" Name= "win">
< Window.Triggers>
< EventTrigger RoutedEvent= "Window.Loaded" SourceName= "win">
< EventTrigger.Actions>
< BeginStoryboard>
< Storyboard>
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line1" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line2" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line3" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "100" To= "1" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line4" Storyboard.TargetProperty= "StrokeDashOffset" />
< /Storyboard>
< /BeginStoryboard>
< /EventTrigger.Actions>
< /EventTrigger>
< /Window.Triggers>
< Canvas Background= "AliceBlue" x:Name= "c" Margin= "10">
< Line Name= "Line1" X1= "0" Y1= "0" X2= "0" Y2= "100" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line2" X1= "0" Y1= "100" X2= "100" Y2= "100" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line3" X1= "100" Y1= "100" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line4" X1= "0" Y1= "0" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line X1= "0" Y1= "250" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4">
< Line.Triggers>
< EventTrigger RoutedEvent= "Line.Loaded" >
< BeginStoryboard>
< Storyboard>
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetProperty= "StrokeDashOffset" />
< /Storyboard>
< /BeginStoryboard>
< /EventTrigger>
< /Line.Triggers>
< /Line>
< /Canvas>
< /Window>
xmlns= "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x= "http://schemas.microsoft.com/winfx/2006/xaml"
Title= "Window2" Height= "300" Width= "300" Name= "win">
< Window.Triggers>
< EventTrigger RoutedEvent= "Window.Loaded" SourceName= "win">
< EventTrigger.Actions>
< BeginStoryboard>
< Storyboard>
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line1" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line2" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line3" Storyboard.TargetProperty= "StrokeDashOffset" />
< DoubleAnimation From= "100" To= "1" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetName= "Line4" Storyboard.TargetProperty= "StrokeDashOffset" />
< /Storyboard>
< /BeginStoryboard>
< /EventTrigger.Actions>
< /EventTrigger>
< /Window.Triggers>
< Canvas Background= "AliceBlue" x:Name= "c" Margin= "10">
< Line Name= "Line1" X1= "0" Y1= "0" X2= "0" Y2= "100" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line2" X1= "0" Y1= "100" X2= "100" Y2= "100" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line3" X1= "100" Y1= "100" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line Name= "Line4" X1= "0" Y1= "0" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4" />
< Line X1= "0" Y1= "250" X2= "100" Y2= "0" Stroke= "Black" StrokeDashArray= "2,2" StrokeThickness= "4">
< Line.Triggers>
< EventTrigger RoutedEvent= "Line.Loaded" >
< BeginStoryboard>
< Storyboard>
< DoubleAnimation From= "1" To= "100" RepeatBehavior= "Forever" Duration= "0:0:5"
Storyboard.TargetProperty= "StrokeDashOffset" />
< /Storyboard>
< /BeginStoryboard>
< /EventTrigger>
< /Line.Triggers>
< /Line>
< /Canvas>
< /Window>
效果如下:类似一个蚂蚁线动画效果