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

原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)

• 類型：輔助設(shè)計
• 大?。?/span>90.5MB
• 語言：簡體中文
• 時間：2018-05-24

查看詳情

一、基礎(chǔ)準(zhǔn)備工作

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

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

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

二、用例的設(shè)置方法

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

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

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

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

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

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

相關(guān)推薦：

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

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

Axure RP 8怎么控制矩形元件顛倒旋轉(zhuǎn)?