Axure中可以制作很多效果,想要制作一個折疊效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程。

1、從左側(cè)部件庫中拖拉2個矩形,按照個人設(shè)定的樣式,直接用鼠標(biāo)拖拉調(diào)整好;然后復(fù)制矩形——選中要復(fù)制的內(nèi)容,按住ctrl鍵,將光標(biāo)移至矩形處變成一個雙十字箭頭(可移動標(biāo)志)后,按住鼠標(biāo)往旁邊拉動,即復(fù)制成功。這里以復(fù)制兩個后的三個為例。

2、為便于區(qū)分,分別給三個色塊填充上不同的顏色,并給六個矩形分別命名,還可分別輸入文字加強(qiáng)識別。


3、將下面的三個內(nèi)容框矩形設(shè)為隱藏:選中要隱藏的部件,點擊勾選“hidden”;接著,把綠色部分移到黃色標(biāo)題欄下面,遮住綠色隱藏部分,粉紅色類推,變成圖中的左側(cè)堆疊形態(tài)。


4、點擊黃標(biāo)題欄——雙擊右側(cè)“鼠標(biāo)點擊時”添加用例——選擇左側(cè)“顯示/隱藏”部件——右側(cè)配置動作中,勾選黃標(biāo)題欄——可見性中選擇“切換”——勾選“推/拉部件”,方向選擇“下方”,點擊確定(亦可跟隨圖示按步驟進(jìn)行)。
接著,對綠標(biāo)題欄、粉紅標(biāo)題欄進(jìn)行同樣的操作。標(biāo)題欄設(shè)置完成后,點擊演示鍵,即可查看效果。


以上就是axure中折疊效果的制作方法,希望大家喜歡,請繼續(xù)關(guān)注錯新站長站。
相關(guān)推薦:
Axure 8怎么設(shè)計三級折疊菜單?
Axure7.0怎么制作折疊菜單原型?
axure7.0怎么制作折疊和展開的菜單效果?
新聞熱點
疑難解答
圖片精選