axure7.0怎么制作折疊和展開的菜單效果?
發(fā)布時間：2015-12-01 16:55:17 作者：佚名 
我要評論
我要評論axure7.0怎么制作折疊和展開的菜單效果？折疊交互顯得網(wǎng)頁整齊，同時還給人一種動態(tài)的感覺，很好看，怎么制作的自由折疊和展開效果呢？下面分享axure7.0繪制的詳細過程，需要的朋友可以參考下
Axure RP是互聯(lián)網(wǎng)行業(yè)中產(chǎn)品經(jīng)理的常用軟件，學會它可以快速得畫出產(chǎn)品界面的原始樣子（交互原型），之后設計師再將其加工，糅合之后便是大家使用軟件看到的樣子啦。這里來講下，產(chǎn)品、網(wǎng)頁界面中常見的自由折疊和展開效果制作方法，見下方效果圖。
從左側(cè)部件庫中拖拉2個矩形，按照個人設定的樣式，直接用鼠標拖拉調(diào)整好；然后復制矩形——選中要復制的內(nèi)容，按住ctrl鍵，將光標移至矩形處變成一個雙十字箭頭（可移動標志）后，按住鼠標往旁邊拉動，即復制成功。這里以復制兩個后的三個為例。
為便于區(qū)分，分別給三個色塊填充上不同的顏色，并給六個矩形分別命名，還可分別輸入文字加強識別。
將下面的三個內(nèi)容框矩形設為隱藏：選中要隱藏的部件，點擊勾選“hidden”；接著，把綠色部分移到黃色標題欄下面，遮住綠色隱藏部分，粉紅色類推，變成圖中的左側(cè)堆疊形態(tài)。
點擊黃標題欄——雙擊右側(cè)“鼠標點擊時”添加用例——選擇左側(cè)“顯示/隱藏”部件——右側(cè)配置動作中，勾選黃標題欄——可見性中選擇“切換”——勾選“推/拉部件”，方向選擇“下方”，點擊確定（亦可跟隨圖示按步驟進行）。
接著，對綠標題欄、粉紅標題欄進行同樣的操作。標題欄設置完成后，點擊演示鍵，即可查看效果。
注意事項：添加用例時，點擊的是標題欄部件。而設置顯示和隱藏時，勾選的是各標題欄下方的內(nèi)容框。
相關推薦：
相關文章
- Axure怎么制作頁面滾動時菜單固定在頂部的頁面？本文介紹如何做一個在滾動中將菜單固定在頂部的頁面，屬于中級Axure案例。本文旨在展示交互效果，不對頁面具體內(nèi)容和UI進行2015-07-10
- 用AxureRP 7.0怎么實現(xiàn)天貓登錄？其實很方便，只要簡單的應用動態(tài)面板和屬性設置就可以輕松搞定了，下面我們一起來看看AxureRP 7.0實現(xiàn)天貓登錄的詳細教程2015-05-28
- Axure是設計師最常用的的原型設計工具之一，Axure RP 7.0版本相較6.5版本也有了比較大的改變。這里就介紹一下Axure RP 7.0的快捷鍵，需要的朋友可以看看2014-06-25