Axure是產品崗位常用的工具，這里為大家做一個二級導航的樣例，點擊一級導航，展開其二級導航，點擊第二個一級導航，展開其二級導航，并隱藏已經打開的其他二級導航。

一、基礎準備工作

1、首先大家通過Axure的部件--矩形，建立如圖所示的圖樣。(基礎的我就不太細說了)，底色圖：灰色，w350/h500;三個彩色的矩形：w300/h40;分別命名為1,2,3，無色的三個矩形：w300/h100;分別對應彩色的命名11,22,33，調整一個彩色的矩形對應一個白色的矩形，排版如圖所示；

2、將11,22,33設置為隱藏狀態，設置方法：選擇圖形，在右側的“部件屬性和樣式”，選擇hidden（隱藏）。

3、調整位置，選擇2和22兩個矩形，向上移動，至1的下邊緣和2的上邊緣對齊。同樣移動3和33，與2的最下邊緣對齊，如圖所示

二、用例的設置方法

1、選擇藍色的矩形（也就是1）；在“部件交互和注釋”-“鼠標單擊時”，右鍵“新增用例”；彈出用例編輯器

2、在用例編輯器，選擇"部件“-切換；在最右側“第四步 配置動作”，選中"11",可見性選擇“切換”，并在”更多選項“中選擇”展開部件“；選擇“22”，可見性選擇“隱藏”，選中“收起部件”，其他默認；

選擇“33”，可見性選擇“隱藏”，選中“收起部件”，其他默認；點擊確認；設置完成后，如圖所示

3、選擇黃色矩形2，在“部件交互和注釋”-“鼠標單擊時”，右鍵“新增用例”；彈出用例編輯器；在用例編輯器，選擇"部件“-切換；在最右側“第四步 配置動作”，選中"22",可見性選擇“切換”，并在”更多選項“中選擇”展開部件“；選擇“11”，可見性選擇“隱藏”，選中“收起部件”，其他默認；選擇“33”，可見性選擇“隱藏”，選中“收起部件”，其他默認；點擊確認，設置完成后，如圖所示

4、選擇紅色矩形3，在“部件交互和注釋”-“鼠標單擊時”，右鍵“新增用例”；彈出用例編輯器；在用例編輯器，選擇"部件“-切換；在最右側“第四步 配置動作”，選中"33",可見性選擇“切換”，并在”更多選項“中選擇”展開部件“；選擇“11”，可見性選擇“隱藏”，選中“收起部件”，其他默認；選擇“22”，可見性選擇“隱藏”，選中“收起部件”，其他默認；點擊確認，設置完成后，如圖所示

5、點擊F5預覽或者生產原型文件。建議用IE查閱。完成后如圖，大家點擊試試吧。

相關推薦：

Axure8.0試用到期后怎么激活?

axure8.0怎么使用元件庫及母版?

Axure RP 8怎么控制矩形元件顛倒旋轉?