这次带给大家的案例是基于 Axure RP 8.0，利用了 8.0 所特有的新功能——旋转。随着对 RP 8.0 的了解，我是越来越喜欢这个版本，尤其是这个新增的的“旋转”功能，绝对是我做原型时的御用特效师（duang duang duang 的特效就靠它了）。

其实这个案例我已经构思了很长时间，只是因为时间关系，一直都没有实施，有时候画原型、写教程也是需要一点感觉的，感觉来了，事半功倍，没有感觉，只会浪费时间（这么说貌似有点矫情）。

（原型效果图）

原型预览

预览地址：http://raedme.cn/axurelab/009_clock/index.html

制作过程

制作 Clock 时钟原型，需要解决的核心问题有以下三个：

1.  绘制时钟部件，包括时针、分针、秒针、表盘等，当然也可使用 PS 直接制作所需图片，或上网寻找相关素材（本案例中的表盘为网上下载，表针均用 Axure 绘制）
2. 实现表针的旋转和逻辑，这里是两层概念，一层是要实现表针的旋转动作，二层是要处理好秒、分、时的递进逻辑关系，也就是秒针旋转一周，分针要对应的走一分，分针走一圈，相应的时针要走一个点。
3. 当原型预览时，可以动态显示当前系统时间。

明确了以上问题后，接下来就可以动手画原型了。