axure怎么設(shè)計(jì)鼠標(biāo)展開折疊效果?
我要評論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è)為隱藏：選中要隱藏的部件，點(diǎn)擊勾選“hidden”；接著，把綠色部分移到黃色標(biāo)題欄下面，遮住綠色隱藏部分，粉紅色類推，變成圖中的左側(cè)堆疊形態(tài)。
4、點(diǎn)擊黃標(biāo)題欄——雙擊右側(cè)“鼠標(biāo)點(diǎn)擊時”添加用例——選擇左側(cè)“顯示/隱藏”部件——右側(cè)配置動作中，勾選黃標(biāo)題欄——可見性中選擇“切換”——勾選“推/拉部件”，方向選擇“下方”，點(diǎn)擊確定（亦可跟隨圖示按步驟進(jìn)行）。
接著，對綠標(biāo)題欄、粉紅標(biāo)題欄進(jìn)行同樣的操作。標(biāo)題欄設(shè)置完成后，點(diǎn)擊演示鍵，即可查看效果。
以上就是axure中折疊效果的制作方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
相關(guān)文章
Axure怎么給圖片增加點(diǎn)擊事件？Axure中想要給圖片添加鼠標(biāo)單擊事件，如果鼠標(biāo)單擊圖片返回主頁，該怎么實(shí)現(xiàn)這個效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-11-01
axure怎么調(diào)整字間距? axure字間距的設(shè)置方法
axure怎么調(diào)整字間距？axure中想要調(diào)節(jié)文字的行間距，該怎么調(diào)節(jié)呢？下面我們就來看看axure字間距的設(shè)置方法，需要的朋友可以參考下2017-09-30
axure團(tuán)隊(duì)項(xiàng)目怎么獲取? axure獲取并打開團(tuán)隊(duì)項(xiàng)目的方法
axure團(tuán)隊(duì)項(xiàng)目怎么獲??？axure做項(xiàng)目的時候，想要獲取團(tuán)隊(duì)項(xiàng)目，該怎么獲取呢？下面我們就來看看axure獲取并打開團(tuán)隊(duì)項(xiàng)目的方法，需要的朋友可以參考下2017-09-28
axure怎么設(shè)計(jì)一個倒計(jì)時效果的模型?
axure怎么設(shè)計(jì)一個倒計(jì)時效果的模型？axure中設(shè)計(jì)網(wǎng)頁圓形很簡單，今天我們就來看看使用axure設(shè)置一個倒計(jì)時效果的教程，需要的朋友可以參考下2017-09-28
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件？axure中設(shè)計(jì)好的文件原型想要預(yù)覽并生成，該怎么預(yù)覽呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、？axure中設(shè)計(jì)網(wǎng)頁原型很方便，設(shè)計(jì)完成以后發(fā)現(xiàn)無法簽出，該怎么辦呢？下面我們就來看看axure不能簽出的解決辦法，需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫？想要把常用的組件制作一個元件，放到自己的元件庫中，該怎么操作呢？下面我們就來看看Axure元件庫的使用方法，需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并？axure制作的網(wǎng)頁原型中插入了表格，想要將表格中的單元格合并呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-09-08
axure8怎么給網(wǎng)頁制作Tabpage頁效果?
axure8怎么給網(wǎng)頁制作Tabpage頁效果？axure8中想要給網(wǎng)頁設(shè)計(jì)一個tab標(biāo)簽效果，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-08-29
Axure RP8怎么設(shè)計(jì)倒計(jì)時獲取短信驗(yàn)證碼效果?
Axure RP8怎么設(shè)計(jì)倒計(jì)時獲取短信驗(yàn)證碼效果？經(jīng)常能見到帶有短信驗(yàn)證的網(wǎng)頁，該怎么設(shè)計(jì)出這個交互效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-08-25
