其實(shí),我覺得這真是個(gè)卵用沒有的東西,但是既然有人問了,那我就做一個(gè),正好說下Axure8的優(yōu)點(diǎn)。
這個(gè)需要用Axure8做,為什么呢?因?yàn)锳xure8可以多個(gè)動(dòng)作同時(shí)進(jìn)行。
在Axure7里,如果想在向上移動(dòng)的同時(shí)隱藏,是做不到的,只能是先移動(dòng)到位了再隱藏。
而Axure8就可以!請(qǐng)大家認(rèn)真觀察支付寶咻一咻,它的動(dòng)畫是一個(gè)圓圈一邊放大一邊變透明。
那么,如何實(shí)現(xiàn)呢?
需要弄個(gè)動(dòng)態(tài)面板,2個(gè)狀態(tài),狀態(tài)1是點(diǎn)擊前的按鈕樣式,狀態(tài)2是點(diǎn)擊后的按鈕樣式。
然后再弄2個(gè)圓圈,放在按鈕下面。
因?yàn)閳A圈的動(dòng)畫是循環(huán)的,所以我們需要想一個(gè)循環(huán)的手段,本次我們使用“顯示時(shí)”來做循環(huán),就是在圓圈完全透明后,隱藏圓圈,再顯示出來。再次顯示時(shí),就會(huì)觸發(fā)“顯示時(shí)”這個(gè)交互,實(shí)現(xiàn)循環(huán)。
1、2兩個(gè)圓圈都是一樣的,所以1做完了之后直接復(fù)制粘貼到2里就可以了,那么不同的是什么呢?是它們會(huì)一先一后的播放這個(gè)動(dòng)畫。
這時(shí)候,讓我們回到按鈕的State1上:
點(diǎn)擊按鈕的State1后,首先要將按鈕變?yōu)镾tate2,既按下后的狀態(tài)。
然后要顯示圓圈1,等待1000毫秒后再顯示圓圈2即可。
在這里做顯示1、2的時(shí),就會(huì)觸發(fā)圓圈1、2的顯示時(shí)交互,然后進(jìn)入無盡の循環(huán)中。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。