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,顺序上要在“旋转”之前,否则会出现延迟现象,可以自行操作一下。
三、最终效果
四、总结
整个过程就是在全局变量 == 0时,旋转事件运行,按下停止后全局变量 == 1,则图片不能旋转,若再点击旋转,要给全局变量重新赋值为0,才能继续旋转。