WPF--的BeginStoryboard用法

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>
效果如下:类似一个蚂蚁线动画效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值