打開主菜單編輯 selected 樣式

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu1.png" alt="image" />

首先打開AxureNavigationMenu.rp 然后從 Masters 頁面打開 Header – Menu 。

按下 Shift 鍵，逐個(gè)選中菜單部件的所有導(dǎo)航項(xiàng)。全選后，對它們右鍵單擊選中 Interaction Styles... 選項(xiàng)，會(huì)彈出一個(gè) Set Interaction Styles 對話框。

在 Selected Style 選項(xiàng)板中設(shè)置填充顏色和字體

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu2.png" alt="image" />

在 Selected Style 選項(xiàng)板中，我們將設(shè)定我們的 selected style。選擇字體顏色和填充顏色。設(shè)置填充顏色為深藍(lán)，然后字體顏色為白色。當(dāng)然你可以設(shè)置任何你喜歡的顏色。

點(diǎn)擊 OK 關(guān)閉對話框。

為頁面添加 OnPageLoad 事例

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu3.png" alt="image" />

在 Sitemap 面板雙擊 Navigation Menu 頁面。

在 Page Interactions 選項(xiàng)板中，通過點(diǎn)擊 Add Case 添加一個(gè)事例到 OnPageLoad 事件。然后會(huì)打開一個(gè)事例編輯器。

將部件設(shè)置為 Selected Style

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu4.png" alt="image" />

當(dāng)頁面加載時(shí)，我們會(huì)設(shè)置 Home 導(dǎo)航按鈕到頁面中去。

在事例編輯器中，選中 Set Selected 動(dòng)作指定到 Nav – Home 部件。

點(diǎn)擊 OK 關(guān)閉事例編輯器。

給每一張頁面添加 OnPageLoad 事例

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu5.png" alt="image" />

就像我們?yōu)?Home 頁面所做的，通過相同的菜單為第一到三頁面添加一個(gè) OnPageLoad 事例到它們的 selected style。例如，頁面 1 的 OnPageLoad 事例，設(shè)置 Nav – Page 1 到它的 selected style ，然后為 Page 2 和 Page 3 使用相同的操作。

預(yù)覽原型

http://wiki.jikexueyuan.com/project/axure/images/navigationmenu6.png" alt="image" />

預(yù)覽原型然后測試它吧。加載的每一頁面都應(yīng)該被設(shè)置到了導(dǎo)航欄中。