Axure8实例:支付宝咻一咻

axure商城

3

其实,我觉得这真是个卵用没有的东西,但是既然有人问了,那我就做一个,正好说下Axure8的优点。

这个需要用Axure8做,为什么呢?因为Axure8可以多个动作同时进行。

在Axure7里,如果想在向上移动的同时隐藏,是做不到的,只能是先移动到位了再隐藏。

而Axure8就可以!请大家认真观察支付宝咻一咻,它的动画是一个圆圈一边放大一边变透明。

那么,如何实现呢?

QQ截图20160331002906

需要弄个动态面板,2个状态,状态1是点击前的按钮样式,状态2是点击后的按钮样式。

然后再弄2个圆圈,放在按钮下面。

因为圆圈的动画是循环的,所以我们需要想一个循环的手段,本次我们使用“显示时”来做循环,就是在圆圈完全透明后,隐藏圆圈,再显示出来。再次显示时,就会触发“显示时”这个交互,实现循环。

QQ截图20160331003114

1、2两个圆圈都是一样的,所以1做完了之后直接复制粘贴到2里就可以了,那么不同的是什么呢?是它们会一先一后的播放这个动画。

这时候,让我们回到按钮的State1上:

QQ截图20160331003716

点击按钮的State1后,首先要将按钮变为State2,既按下后的状态。

然后要显示圆圈1,等待1000毫秒后再显示圆圈2即可。

在这里做显示1、2的时,就会触发圆圈1、2的显示时交互,然后进入无尽の循环中。

最后的最后我想说,Axure缘分问答QQ群招收动脑子、有学习态度的成员,群号是542524521,欢迎加入~

axure商城

相关推荐

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

Axure8实例:支付宝咻一咻