silverlight 滚动+Scrollviewer

最新推荐文章于 2018-05-26 10:05:00 发布

冰刀先生

最新推荐文章于 2018-05-26 10:05:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： silverlight 360

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/cutylongshen/article/details/6737414

本文展示了一个使用Canvas和Storyboard实现动画元素无限滚动的效果。通过触发Canvas.Load事件，动画元素会在水平和垂直方向上进行循环滚动，实现动态的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Canvas xmlns="http://schemas.microsoft.com/client/2007"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   <Canvas.Triggers>
       <EventTrigger RoutedEvent="Canvas.Loaded" >
           <BeginStoryboard>
               <Storyboard x:Name="animation" RepeatBehavior="Forever" >
                   <DoubleAnimation Storyboard.TargetName="ScrollingRight"
                   Storyboard.TargetProperty="(Canvas.Left)"  From="10" To="360" Duration="0:0:10"  />
                   <DoubleAnimation Storyboard.TargetName="ScrollingLeft"
                   Storyboard.TargetProperty="(Canvas.Left)" From="360" To="-100" Duration="0:0:10"  />
                   <DoubleAnimation Storyboard.TargetName="ScrollingUp"
                   Storyboard.TargetProperty="(Canvas.Top)" From="300" To="-60" Duration="0:0:10"  />
                   <DoubleAnimation Storyboard.TargetName="ScrollingDown"
                   Storyboard.TargetProperty="(Canvas.Top)" From="-30" To="360" Duration="0:0:10"  />
               </Storyboard>
           </BeginStoryboard>
       </EventTrigger>
   </Canvas.Triggers>

   <TextBlock x:Name="ScrollingRight" FontFamily="Comic Sans MS" FontSize="36" Foreground="Green"
                  Text="向右" Canvas.Top="0" />
   <TextBlock x:Name="ScrollingLeft" FontFamily="Comic Sans MS" FontSize="36" Foreground="Red"
                  Text="向左" Canvas.Top="50"/>
   <TextBlock x:Name="ScrollingUp" FontFamily="Comic Sans MS" FontSize="36" Foreground="Blue"
                  Text="向上" Canvas.Left="80" />
   <TextBlock x:Name="ScrollingDown" FontFamily="Comic Sans MS" FontSize="36" Foreground="Black"
                  Text="向下" Canvas.Left="200" />
</Canvas>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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