封面

hi，大家好，本期小组件为钟表动画效果，主要用到axure的旋转效果和全局变量等知识点。

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

动画效果

动画效果

实现方式

1、图层分析。通过钢笔工具绘制时针，分针，秒针。

图层

图层顺序

事件设置

原理分析：

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

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

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

全局变量设置和秒针旋转

全局变量判断

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

原件下载

关注公众号，回复“a022”，获取下载地址。