axure做出鼠標(biāo)展開(kāi)折疊效果的圖文操作

本文是為大家講解axure做出鼠標(biāo)展開(kāi)折疊效果的相關(guān)操作的，想要了解的就一起來(lái)學(xué)習(xí)axure做出鼠標(biāo)展開(kāi)折疊效果的圖文操作方法吧，一起去看看吧，相信對(duì)大家一定會(huì)有所幫助的哦。

axure做出鼠標(biāo)展開(kāi)折疊效果的圖文操作

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

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

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

4、點(diǎn)擊黃標(biāo)題欄——雙擊右側(cè)“鼠標(biāo)點(diǎn)擊時(shí)”添加用例——選擇左側(cè)“顯示/隱藏”部件——右側(cè)配置動(dòng)作中，勾選黃標(biāo)題欄——可見(jiàn)性中選擇“切換”——勾選“推/拉部件”，方向選擇“下方”，點(diǎn)擊確定(亦可跟隨圖示按步驟進(jìn)行)。

接著，對(duì)綠標(biāo)題欄、粉紅標(biāo)題欄進(jìn)行同樣的操作。標(biāo)題欄設(shè)置完成后，點(diǎn)擊演示鍵，即可查看效果。

上面就是小編為大家?guī)?lái)的axure做出鼠標(biāo)展開(kāi)折疊效果的圖文操作流程，一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。相信是可以幫助到一些新用戶(hù)的。