在同一 master 上的不同交互

打開(kāi)上一頁(yè)/下一頁(yè)鏈接 master

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-1.png" alt="" />

首先，打開(kāi) AxurePreviousNextButtons.rp，然后在 Masters 面板內(nèi)打開(kāi) Previous/Next Link（上一頁(yè)/下一頁(yè)鏈接）master。

此操作會(huì)在設(shè)計(jì)器區(qū)域打開(kāi)該 master 以供編輯。

為上一頁(yè)鏈接添加 OnClick case

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-2.png" alt="" />

在設(shè)計(jì)區(qū)域中選擇 “<< PREVIOUS” 小部件，然后為其 OnClick event 添加一個(gè) case。此操作會(huì)打開(kāi) Case Editor 對(duì)話框。

為 Raise Event 添加 action

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-3.png" alt="" />

在 Case Editor 中，為 Raise Event（觸發(fā)事件）添加 action，Raise Event 選項(xiàng)在 actions 列表底部。

選擇在 OnPreviousClick 上的觸發(fā)事件

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-4.png" alt="" />

在最右邊的面板中，把 OnPreviousClick 事件旁邊的盒子打上勾。

打開(kāi) Page 2，為 OnPreviousClick 添加一個(gè) case

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-5.png" alt="" />

從 Sitemap 面板中打開(kāi) Page 2。我們已經(jīng)為頁(yè)面添加好上一頁(yè)/下一頁(yè)鏈接 master 了，所以你只要在設(shè)計(jì)區(qū)域中選擇該 master。此時(shí)你會(huì)注意到 OnPreviousClick 會(huì)在 Interactions 標(biāo)簽頁(yè)中出現(xiàn)，和所有別的互動(dòng)事件一樣。

為 OnPreviousClick 事件添加一個(gè) case，讓其 Open Link（打開(kāi)鏈接）并將目標(biāo)設(shè)為 Page 1.

為下一頁(yè)鏈接添加 OnClick case

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-6.png" alt="" />

回到 master，對(duì)下一頁(yè)鏈接做和我們對(duì)上一頁(yè)鏈接一樣的事情。添加一個(gè) OnClick case，添加觸發(fā)事件 action 并且選擇名為 OnNextClick 的事件。

打開(kāi) Page 2，為 OnNextClick 添加 case

http://wiki.jikexueyuan.com/project/axure/images/masters-tutorials-previous-next-link-7.png" alt="" />

回到 Page 2，選擇在設(shè)計(jì)區(qū)域內(nèi)的 master，然后為 OnNextClick 添加一個(gè) case，讓其 Open Page 3 in Current Window（在當(dāng)前窗口打開(kāi) Page 3）。

如果把這個(gè) master 添加到別的頁(yè)面，你就會(huì)發(fā)現(xiàn)可以為 OnPreviousClick 和 OnNextClick 事件添加不同的 case。如果你想為鏈接的外觀進(jìn)行變更，或者重命名 Previous 為 Back ，只需要在 master 對(duì)其進(jìn)行一次編輯即可！