Axure RP是互聯網行業中產品經理的常用軟件，學會它可以快速得畫出產品界面的原始樣子（交互原型），之后設計師再將其加工，糅合之后便是大家使用軟件看到的樣子啦。這里來講下，產品、網頁界面中常見的自由折疊和展開效果制作方法，見下方效果圖。

從左側部件庫中拖拉2個矩形，按照個人設定的樣式，直接用鼠標拖拉調整好；然后復制矩形——選中要復制的內容，按住ctrl鍵，將光標移至矩形處變成一個雙十字箭頭（可移動標志）后，按住鼠標往旁邊拉動，即復制成功。這里以復制兩個后的三個為例。

為便于區分，分別給三個色塊填充上不同的顏色，并給六個矩形分別命名，還可分別輸入文字加強識別。

將下面的三個內容框矩形設為隱藏：選中要隱藏的部件，點擊勾選“hidden”；接著，把綠色部分移到黃色標題欄下面，遮住綠色隱藏部分，粉紅色類推，變成圖中的左側堆疊形態。

點擊黃標題欄——雙擊右側“鼠標點擊時”添加用例——選擇左側“顯示/隱藏”部件——右側配置動作中，勾選黃標題欄——可見性中選擇“切換”——勾選“推/拉部件”，方向選擇“下方”，點擊確定（亦可跟隨圖示按步驟進行）。

接著，對綠標題欄、粉紅標題欄進行同樣的操作。標題欄設置完成后，點擊演示鍵，即可查看效果。

注意事項：添加用例時，點擊的是標題欄部件。而設置顯示和隱藏時，勾選的是各標題欄下方的內容框。

相關推薦：

AxureRP 7.0實現天貓登錄的詳細教程

Axure怎么制作頁面滾動時菜單固定在頂部的頁面？