Axure 9 旋转的唱片制作方法

Axure 9 如何制作旋转的CD?

一、原理
1.为图片增加旋转时case,目的的反复旋转
2.增加全局变量,控制旋转状态时“开启停止”
3.通过【开始】【结束】控制按钮:图片开始旋转/停止旋转

二、操作流程
1.任找一张图片,把它做成圆形
在这里插入图片描述在这里插入图片描述
2.为图形添加交互
在这里插入图片描述
这里面要注意选择 “经过”,图片才会一直旋转。这里要注意经过到达的区别:经过是一直会经过某个角度,而到达是到达某个角度停止。

3.增添启动/停止按钮

在这里插入图片描述
4.给旋转增添交互事件
这里的目标要选择要旋转的图片,也就是给图片一个启动信号。
在这里插入图片描述
5.预览
这时图片可以进行无限旋转在这里插入图片描述
6.增添全局变量
1.点击 项目–>全局变量
添加了一个全局变量OnLoadVariable并设置默认值为 0
在这里插入图片描述
2.使用全局变量的原理

(如果这里有写过代码的小伙伴,应该很容易理解)
if (OnLoadVariabled == 0)
{
持续旋转
}
else if(OnLoadVariable == 1)
{
暂停
}
3.为图片添加情形
在这里插入图片描述
在这里插入图片描述

4.给“停止”增加交互

设置变量值
在这里插入图片描述
5.“旋转”按钮交互增添,为全局变量重新赋值

注意:设置变量值为0,顺序上要在“旋转”之前,否则会出现延迟现象,可以自行操作一下。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2021041113502532.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZvcmVzdDFiZWFzdGVy,size_16,color_FFFFFF,t_70

三、最终效果
在这里插入图片描述

四、总结

整个过程就是在全局变量 == 0时,旋转事件运行,按下停止后全局变量 == 1,则图片不能旋转,若再点击旋转,要给全局变量重新赋值为0,才能继续旋转。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值