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