一般網(wǎng)頁中,有時會添加動畫效果,如淡入、淡出、左移、右移等。利用Axure RP 8 設(shè)計出動畫的效果,可以利用按鈕點擊事件控制頁面框框改變寬度和高度達到改變大小的目的,操作如下:
1、雙擊打開Axure RP 8原型設(shè)計工具,在元件庫中拖曳一個矩形元件到編輯區(qū)域,如下圖所示:
	
2、改變矩形框坐標、寬度和高度,并添加一個按鈕,按鈕寬度跟框框?qū)挾纫恢?/strong>,如下圖所示:
	
3、修改按鈕上顯示的內(nèi)容,并預(yù)覽該原型頁面,如下圖所示:
	
4、選中按鈕,添加鼠標單擊時的用例,打開用例編輯窗口,如下圖所示:
	
5、添加組織動作,設(shè)置點擊按鈕后,矩形框?qū)挾群透叨劝l(fā)生改變,并添加緩慢退出的動畫,如下圖所示:
	
6、再次預(yù)覽頁面原型,點擊“改變大小”按鈕,這時矩形框?qū)挾群透叨茸優(yōu)樵瓉淼囊话耄缦聢D所示:
	
注意事項:
注意按鈕單擊事件
注意改變元件屬性的方法
新聞熱點
疑難解答
圖片精選