Axure设计钟表秒针旋转效果的详细操作步骤

Axure RP Pro

软件大小： 34.9MB

更新时间： 2024-03-04 17:06:23

所属分类： 办公工具

查看详情

yesky

标签：

• Axure
• 原型设计

 最近一些在使用Axure的用户，询问其中是怎么设计钟表秒针旋转效果的?今天在这里就为你们带来了Axure设计钟表秒针旋转效果的详细操作步骤。 

 我们先打开Axure软件，然后在页面中添加一个原型，建议由固定的宽度，示例中的圆形直径为180，位置处于0.0处，至于此处是为了方便计算，大家可以根据自身的实际情况适当调节。 

 接着添加一个秒针，秒针的长度要小于圆形半径，这点就不做解释了。此时这个秒针的位置放置于X:90，Y：10 ，我的秒针长度为80，此时它的尾部正好处于圆形的圆心处。 

 指针可用直线替代，箭头的添加方式如截图所示 

 这时候添加好后我们需要一个动态面板，这个动态面板是用来控制秒针的转动的，我们可以在载入页面时，让动态面板每一秒完成一次状态切换，动态面板切换的同时，带动秒针以底部为圆心进行转动，转动的角度为360度/60秒=6度/秒，下图为动态秒板的切换方法 

 下图为动态面板上附加的事件：动态面板每一次状态切换触发效果：秒针转动6度 

 最后我们试运行下，已经达到想要的效果了，此时在原型中隐藏作为效果控制的动态面板即可，再次预览，页面上就会只剩下一个有着秒针的表盘了，怎么样，是不是很简单?有兴趣的朋友可以试着做下时针和分针，就当做入门的练习吧 

 相信你们看完了上文讲解的Axure设计钟表秒针旋转效果的详细操作步骤，应该都学会了吧!