「连载100篇」AXURE-022-钟表动效

封面

hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。本期小组件为钟表动画效果，主要用到axure的旋转效果和全局变量等知识点。

文章结尾提供本期组件的原件下载地址，随时可下载。

动画效果

动画效果

实现方式

1、图层分析。通过钢笔工具绘制时针，分针，秒针。表盘制作可以参考另外一篇仪表盘的制作。

https://www.jianshu.com/p/3cc4802ed46a（仪表盘制作）。

图层 图层顺序

事件设置

原理分析：

1、针的转动由于必须围绕圆心为锚点转动，但针本省没有中心，所以必须和一个圆形（透明，无边框）组合，最终旋转时设置围绕圆心旋转。

2、载入时旋转秒针，没旋转一次对全局变量+1；

3、实时判断秒针全局变量的数值，=60时，分针旋转，当分针全局变量等于12时（一小格=12分针）时针旋转。

全局变量设置和秒针旋转 全局变量判断

~以上便是本次小组件的全部内容~

原件下载

链接：https://pan.baidu.com/s/1Vvz073T1e_SW5nLNacXofg

提取码：1b9x

18岁提示：以上文件完成于axure 8版本。

定期会将组件整理成完整文件统一发布。

原创文章，转载请标明出处。

~感谢阅读和关注~