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

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

• 類型：輔助設(shè)計(jì)
• 大小：90.5MB
• 語(yǔ)言：簡(jiǎn)體中文
• 時(shí)間：2018-05-24

查看詳情

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

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

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

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

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

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

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

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

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

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

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

相關(guān)推薦：

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

axure8.0怎么使用元件庫(kù)及母版?

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

最新評(píng)論