其实,我觉得这真是个卵用没有的东西,但是既然有人问了,那我就做一个,正好说下Axure8的优点。
这个需要用Axure8做,为什么呢?因为Axure8可以多个动作同时进行。
在Axure7里,如果想在向上移动的同时隐藏,是做不到的,只能是先移动到位了再隐藏。
而Axure8就可以!请大家认真观察支付宝咻一咻,它的动画是一个圆圈一边放大一边变透明。
那么,如何实现呢?
需要弄个动态面板,2个状态,状态1是点击前的按钮样式,状态2是点击后的按钮样式。
然后再弄2个圆圈,放在按钮下面。
因为圆圈的动画是循环的,所以我们需要想一个循环的手段,本次我们使用“显示时”来做循环,就是在圆圈完全透明后,隐藏圆圈,再显示出来。再次显示时,就会触发“显示时”这个交互,实现循环。
1、2两个圆圈都是一样的,所以1做完了之后直接复制粘贴到2里就可以了,那么不同的是什么呢?是它们会一先一后的播放这个动画。
这时候,让我们回到按钮的State1上:
点击按钮的State1后,首先要将按钮变为State2,既按下后的状态。
然后要显示圆圈1,等待1000毫秒后再显示圆圈2即可。
在这里做显示1、2的时,就会触发圆圈1、2的显示时交互,然后进入无尽の循环中。
最后的最后我想说,Axure缘分问答QQ群招收动脑子、有学习态度的成员,群号是542524521,欢迎加入~