Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法

Axure如何制作钟表秒针旋转效果?Axure是一款功能强大的原型设计工具,在里面我们可以制作出钟表秒针旋转的效果,不少用户还不会进行制作,今天就教大家Axure制作钟表秒针旋转效果的方法。

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

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

Axure如何制作钟表秒针旋转效果?Axure制作钟表秒针旋转效果的方法_软件科技_业界新闻    

以上就是我为大家分享的全部内容了,更多软件教程可以关注系统之家。

62
120
0
59

相关资讯

  1. 1、宋喆近照首曝光,将坐牢6年,最大的“功臣”却是王宝强身旁的他2283
  2. 2、阿汤哥新片要上映了,回顾一遍《碟中谍5》的精彩很有必要5060
  3. 3、马思纯要翻身了?新剧搭档白敬亭,三大看点助力人气回升4834
  4. 4、甜过偶像剧!唐艺昕晒男友视角照片,无名指上的戒指更抢镜3955
  5. 5、离开了周星驰,一代喜剧大师从“神坛”跌落,沦为“烂片之王”538
  6. 6、《一声所爱》展开五强争夺战导师帮唱助力六强1475
  7. 7、她一生只拍两部电影:一部风靡46个国家,另一部却将她逼疯187
  8. 8、《甄传》暑期PK《还珠》斓曦居观众喜爱度之首4631
  9. 9、《山河令》还未播完,CP粉就已开始提纯,或要走《陈情令》老路3678
  10. 10、罗云熙拍戏现场曝光,和她对戏居然穿超厚底鞋子,还被认成邓伦4746
全部评论(0)
我也有话说
0
收藏
点赞
顶部