編輯導(dǎo)讀：當(dāng)用Axure設(shè)計(jì)原型時(shí)，動(dòng)態(tài)面板能夠解決兩個(gè)按鈕打開同一個(gè)頁面的問題。本文作者對(duì)此進(jìn)行了分析，與你分享。

我們?cè)贏xure設(shè)計(jì)原型時(shí)，經(jīng)常會(huì)遇到這樣的情況，一個(gè)頁面有兩個(gè)按鈕，點(diǎn)擊都打開同一個(gè)頁面，但是同一個(gè)頁面需要展示不同的元素。

粗暴的辦法是直接建兩個(gè)頁面，然后兩個(gè)按鈕跳轉(zhuǎn)不同的頁面，這樣就能顯示不同的樣式了，但是這會(huì)顯得很不專業(yè)。Axure提供的動(dòng)態(tài)面板其實(shí)能解決這個(gè)問題，Axure的功能雖然很強(qiáng)大，但是一些高階技能并不是那么友好掌握的。下面我就介紹一下最近學(xué)習(xí)到的這個(gè)功能，也算是記錄一下，好記性不如爛筆頭嘛。

第一步：

建兩個(gè)頁面，第一個(gè)頁面放兩個(gè)按鈕。第二個(gè)頁面先空白著。

第二步：

對(duì)兩個(gè)按鈕設(shè)置變量值，設(shè)置方法見下列圖步驟

點(diǎn)擊右上角設(shè)置按鈕后會(huì)出現(xiàn)下面的彈窗，根據(jù)你要實(shí)現(xiàn)的效果，比如是要點(diǎn)擊還是雙擊，選擇要設(shè)置的觸發(fā)事件

設(shè)置了事件之后就會(huì)自動(dòng)到添加動(dòng)作的選項(xiàng)卡，如下圖所示

點(diǎn)擊這個(gè)設(shè)置變量，會(huì)讓你設(shè)置一個(gè)變量值，變量名可以不改，值的話可以設(shè)置1,2,3等數(shù)字，但也可以設(shè)置其他值，具體是什么，只要能和下一個(gè)頁面對(duì)應(yīng)上就好了。

設(shè)置了值之后，左邊動(dòng)作選項(xiàng)再滾動(dòng)到最頂部，選擇打開鏈接，選擇要打開的頁面，我這里的是頁面2.

點(diǎn)擊確定，一個(gè)按鈕的時(shí)間就設(shè)置好了。

這是好了就如上所示。然后按鈕2也按以上步驟設(shè)置就好了，只是按鈕的值設(shè)置的為 “1”， 按鈕2 的值就設(shè)置為2吧。

上面就是我設(shè)置的按鈕2 。其實(shí)說白了就是比設(shè)置跳轉(zhuǎn)鏈接多設(shè)置了一個(gè)變量值。

第三步：

第三步就是設(shè)置頁面2的動(dòng)態(tài)面板了。

設(shè)置了一個(gè)動(dòng)態(tài)面板，兩個(gè)狀態(tài)，1和2 。 接下來就設(shè)置這個(gè)動(dòng)態(tài)面板的頁面加載事件。

選擇頁面加載時(shí)，不要選擇動(dòng)作先，直接點(diǎn)擊空白處，就會(huì)如下所示。

再把鼠標(biāo)移到頁面加載這一行，會(huì)看到一個(gè)啟動(dòng)用例。

點(diǎn)擊這個(gè)啟用用例，彈出一個(gè)條件設(shè)置頁面。

點(diǎn)擊確定，回到下面的頁面，然后來添加動(dòng)作

點(diǎn)擊+號(hào)，然后添加打開狀態(tài)1的動(dòng)作。

到此就全部設(shè)置完了，我還錄了個(gè)跳轉(zhuǎn)結(jié)果的視頻演示，人人不支持上傳，按道理應(yīng)該都能掌握了，我都是一步一步貼圖的。因?yàn)槲以诰W(wǎng)上找教程的時(shí)候，找了好幾個(gè)，都是簡單幾步說明就過了，對(duì)于我這樣的一個(gè)新手來說，學(xué)習(xí)了半天也確實(shí)沒掌握。既然要分享，就詳細(xì)一點(diǎn)，畢竟來找這樣工具使用的同學(xué)肯定是對(duì)工具不熟才來找的。

有問題及時(shí)溝通。其中有一個(gè)步驟有點(diǎn)問題，希望有知道的可以指導(dǎo)一下。

就是這一步我只能是先選擇一個(gè)事件，不加動(dòng)作，然后再來加用例條件，再去添加動(dòng)作。感覺應(yīng)該有更好的辦法，不然的話這個(gè)功能也藏太深了，太不友好了吧。

本文由 @子非余 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議。