Axure如何做出秒针旋转效果?Axure制作钟表秒针旋转效果的方法
Axure如何做出秒针旋转效果?Axure是一个强大的原型设计工具,我们可以在其中制作时钟的秒针旋转效果,但是很多用户还做不到。今天我就用Axure来教大家如何制作钟表的秒针旋转效果。
1.首先,给页面添加一个原型。建议宽度固定。示例中圆的直径为180,位置为0.0。至于计算的方便,可以根据自己的实际情况适当调整。
2.再加一手。秒针的长度应该小于圆的半径,这里就不解释了。此时这只秒针的位置放在X:90,y: 10,我的秒针长度是80。这时,它的尾巴正好在圆圈的中心。
3.指针可以用直线代替,箭头的添加方法如截图所示
4.添加后,我们需要一个动态面板,用于控制秒针的旋转。加载页面时,我们可以让动态面板每秒完成一次状态切换。当动态面板切换时,带动秒针以底部为圆心旋转。旋转角度为360度/60秒=6度/秒。下图为动态秒针的切换方式。
5.下图为动态面板上的附加事件:动态面板各状态切换的触发效果:秒针旋转6度
6.经过试运行,达到了预期效果。此时,隐藏动态面板作为原型中的效果控件。再预览一下,页面上只剩下一个秒针的表盘。怎么样?很简单吗?感兴趣的朋友可以尝试做时针和分针作为入门练习
这就是我为你分享的全部。更多软件教程可以关注系统之家。
版权声明:Axure如何做出秒针旋转效果?Axure制作钟表秒针旋转效果的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。