WPF模擬幸運數字滾動效果


近日做了一道測試題,用WPF模擬幸運數字滾動效果。感覺效果還不錯,分享一下。

界面預覽:

image

 

主體部分由3個層次組成:

(1)、單個數字(NumberItem.xaml)

image

(2)、數字列(NumberPanel.xaml),它包含了一系列單個數字(即1)。

image

(3)、最終的數字組(NumberGroup.xaml),它包含了6個數字列(即2)。

image

 

動畫效果主要由(2)數字列實現,動畫效果由兩個故事板實現:

Storyboard1:0到9循環滾動;

Storyboard2:從當前時刻的位置滾動到目標數字位置。

當開始滾動時,播放1,當停止滾動時,播放2。

 

具體細節見源碼。

 [源碼下載]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM