亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

[silverlight基礎]仿文字連接跑馬燈效果-高手繞道

標簽:
JavaScript


分析示意图:
https://img1.sycdn.imooc.com//5afd2f790001f8db06590217.jpg
代码:

 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"表示这段动画将一直播放下去(即视觉上好象文字在一起向左滚动)

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消