zoukankan      html  css  js  c++  java
  • 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。

    具体细节见源码。

     [源码下载]

  • 相关阅读:
    Docker
    Web
    爬虫
    Python
    软件脱壳
    网络抓包
    HTTPS单向认证,双向认证
    新版无完整背景图片滑块验证码
    Frida Hook
    闭包函数与装饰器
  • 原文地址:https://www.cnblogs.com/hollen/p/2497588.html
Copyright © 2011-2022 走看看