利用PathListBox與Storyboard製作波浪文字特效

利用PathListBox與Storyboard製作波浪文字特效

此為執行範例:

Get Microsoft Silverlight

 首先,先在畫布上畫一個曲線

text1

再來加入文字(一個字拉一個TextBlock)

text2

接著拉一個PathListBox進畫布

text3

把文字都加入PathListBox

text4

將PathListBox的LayoutPaths設為剛剛畫的曲線路徑

加入一個Storyboard

text6

加入Storyboard後即為動畫錄製模式

可點選”F6”將動畫工作區移至底下,較方便編輯動畫

要製作波浪文字特效,可以利用修改PathListBox的Start屬性作動畫,首先先選擇PathListBox,再來將時間軸移至此動畫完成的時間點,再來調整Start屬性為-100%,剛好一個循環,調整完屬性的同時,可以看到動畫工作區時間軸上自動幫我們產生關鍵影格,關鍵影格的出現代表製作動畫時,畫布上有物件的屬性被變更,可以試著點播放鈕,觀看目前製作的動畫

選擇Storyboard,將RepeatBehavior調為Forever,讓動畫重複播放

 

如果覺得線條礙眼,可將曲線的Fill與Stroke屬性都設為無

當頁面載入時,可利用Storyboard的Begin方法播放動畫

text11

接著執行專案,就可以看到文字動畫的效果