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

时间:2022-08-05 02:37:00 

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制作钟表秒针旋转效果的方法
标签:Axure
0
投稿

猜你喜欢

  • 电脑15.6寸是多少×多少-电脑15.6寸多少×多少详情

    2022-09-13 21:59:29
  • 怎么卸载Win10易升工具 Win10易升卸载方法

    2023-08-17 05:45:09
  • Excel怎么设置数据出错警告

    2023-01-31 07:04:14
  • 如何为excel文件加密的方法

    2023-11-19 21:40:51
  • WPS表格办公—快捷输入对错号

    2022-07-14 07:43:43
  • Win10如何关闭内核隔离?Win10关闭内核隔离的方法

    2023-07-18 04:59:49
  • Excel中表格零(0)不显示出来的操作方法

    2022-08-27 06:39:23
  • ios14快捷指令在哪里-ios14快捷指令位置介绍

    2022-10-11 14:16:39
  • Word输入线性代数的排列组合符号的方法

    2022-05-25 02:37:20
  • Win11突然黑屏怎么办?Win11突然黑屏解决方法

    2023-03-27 04:55:13
  • 新手第一次u盘装系统Win10怎么操作?石大师u盘重装Win10系统教程

    2022-02-16 14:11:58
  • excel中if函数嵌套的运用方法

    2023-04-04 09:18:57
  • Excel中2003版表格进行设置背景音乐的操作技巧

    2023-04-01 17:06:34
  • Win7系统怎么卸载32位Office程序?

    2022-04-28 01:48:15
  • 抖音如何查看访客来偷偷看过我-抖音查看访客来偷偷看过我方法

    2022-09-01 16:46:48
  • 如何在 Mac 上使用低电量模式?

    2022-06-29 23:54:52
  • Word转换为PPT,我复制粘贴用了2小时,同事10秒就搞定了

    2023-12-07 22:11:19
  • IF函数嵌套,看完这篇也简单

    2023-12-03 05:40:22
  • Excel求最大小值超简单,那要求第2、第3、第N大值呢?

    2023-09-01 16:13:54
  • 兼职猫APP怎么报名应聘职位?兼职猫APP报名应聘职位的方法

    2022-11-15 02:46:20
  • asp之家 电脑教程 m.aspxhome.com