近日做了一道測試題,用WPF模擬幸運數字滾動效果。感覺效果還不錯,分享一下。
界面預覽:
主體部分由3個層次組成:
(1)、單個數字(NumberItem.xaml)
(2)、數字列(NumberPanel.xaml),它包含了一系列單個數字(即1)。
(3)、最終的數字組(NumberGroup.xaml),它包含了6個數字列(即2)。
動畫效果主要由(2)數字列實現,動畫效果由兩個故事板實現:
Storyboard1:0到9循環滾動;
Storyboard2:從當前時刻的位置滾動到目標數字位置。
當開始滾動時,播放1,當停止滾動時,播放2。
具體細節見源碼。
[源碼下載]