[silverlight基础]仿文字连接跑马灯效果-高手绕道

简介: 运行效果如下: 分析示意图:代码: 1     2             3                 4             5             6                 7                     8              ...
运行效果如下:


分析示意图:


代码:
 1      < Canvas  x:Name ="a"  Background ="AliceBlue"  MouseEnter ="a_MouseEnter"  MouseLeave ="a_MouseLeave"  Cursor ="Hand"   >
 2              < Canvas.Clip >
 3                  < RectangleGeometry  RadiusX ="0"  RadiusY ="0"  Rect ="50,50, 300,50"   />
 4              </ Canvas.Clip >
 5              < Canvas.Triggers >
 6                  < EventTrigger  RoutedEvent ="Canvas.Loaded"   >
 7                      < BeginStoryboard >
 8                          < Storyboard  x:Name ="animation"  Storyboard.TargetProperty ="(Canvas.Left)"  RepeatBehavior ="Forever"   >
 9                              < DoubleAnimation  Storyboard.TargetName ="txt1"  From ="50"  To ="-500"  Duration ="0:0:10"    />
10                              < DoubleAnimation  Storyboard.TargetName ="txt2"  From ="600"  To ="50"  Duration ="0:0:10"    />
11                          </ Storyboard >
12                      </ BeginStoryboard >
13                  </ EventTrigger >
14              </ Canvas.Triggers >
15              < TextBlock  x:Name ="txt1"   FontSize ="36"  Foreground ="Green"  Text ="1 2 3 4 5 6 7 8 9 0 a b c d e f "  Canvas.Top ="50"  Width ="550"  Height ="50" />
16              < TextBlock  x:Name ="txt2"   FontSize ="36"  Foreground ="Red"  Text ="1 2 3 4 5 6 7 8 9 0 a b c d e f "  Canvas.Top ="50"  Width ="550"  Height ="50" />
17          </ Canvas >
解释一下:
1.先创建了一个裁减区(起始坐标为50,50,宽度为300,高度为50)--这是必须的,否则超过这个区域的文字也会显示出来
2.Storyboard中对二段文字对象的Canvas.Left进行了变化,即完成左移
3.RepeatBehavior="Forever"表示这段动画将一直播放下去(即视觉上好象文字在一起向左滚动)
目录
相关文章
一起谈.NET技术,Silverlight 游戏开发小技巧:传说中的透视跑马灯
  昨夜元宵佳节,各种灯会热闹非凡,伴随烟火灿烂好不热闹,可惜一点也没看着T_T,那就写一个跑马灯吧,可是跑马灯并不稀奇,各位高手们已经写过而且都各有特点,所以,写也要写点有特色的才好,游戏中经常能看到一种带有透视的选人界面,上次写的是一个固定效果,那么这次带上点动画,结合一个Silverlight的MVC开发小技巧快速完成它。
933 0
|
API 定位技术 网络架构
ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案
原文:ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案 根据实际JPG图片进行配准后,发布的地图,利用ArcGIS API for Silverlight在网页上显示的时候,原先的文字总有倾斜的现象,如何解决?   图一、配准后有文字倾斜现象的地图 解决...
1057 0

热门文章

最新文章