Axure9 打開同一個頁面時顯示頁面中不同的動態面板
編輯導讀:當用Axure設計原型時,動態面板能夠解決兩個按鈕打開同一個頁面的問題。本文作者對此進行了分析,與你分享。
我們在Axure設計原型時,經常會遇到這樣的情況,一個頁面有兩個按鈕,點擊都打開同一個頁面,但是同一個頁面需要展示不同的元素。
粗暴的辦法是直接建兩個頁面,然后兩個按鈕跳轉不同的頁面,這樣就能顯示不同的樣式了,但是這會顯得很不專業。Axure提供的動態面板其實能解決這個問題,Axure的功能雖然很強大,但是一些高階技能并不是那么友好掌握的。下面我就介紹一下最近學習到的這個功能,也算是記錄一下,好記性不如爛筆頭嘛。
第一步:
建兩個頁面,第一個頁面放兩個按鈕。第二個頁面先空白著。
第二步:
對兩個按鈕設置變量值,設置方法見下列圖步驟
點擊右上角設置按鈕后會出現下面的彈窗,根據你要實現的效果,比如是要點擊還是雙擊,選擇要設置的觸發事件
設置了事件之后就會自動到添加動作的選項卡,如下圖所示
點擊這個設置變量,會讓你設置一個變量值,變量名可以不改,值的話可以設置1,2,3等數字,但也可以設置其他值,具體是什么,只要能和下一個頁面對應上就好了。
設置了值之后,左邊動作選項再滾動到最頂部,選擇打開鏈接,選擇要打開的頁面,我這里的是頁面2.
點擊確定,一個按鈕的時間就設置好了。
這是好了就如上所示。然后按鈕2也按以上步驟設置就好了,只是按鈕的值設置的為 “1”, 按鈕2 的值就設置為2吧。
上面就是我設置的按鈕2 。其實說白了就是比設置跳轉鏈接多設置了一個變量值。
第三步:
第三步就是設置頁面2的動態面板了。
設置了一個動態面板,兩個狀態,1和2 。 接下來就設置這個動態面板的頁面加載事件。
選擇頁面加載時,不要選擇動作先,直接點擊空白處,就會如下所示。
再把鼠標移到頁面加載這一行,會看到一個啟動用例。
點擊這個啟用用例,彈出一個條件設置頁面。
點擊確定,回到下面的頁面,然后來添加動作
點擊+號,然后添加打開狀態1的動作。
到此就全部設置完了,我還錄了個跳轉結果的視頻演示,人人不支持上傳,按道理應該都能掌握了,我都是一步一步貼圖的。因為我在網上找教程的時候,找了好幾個,都是簡單幾步說明就過了,對于我這樣的一個新手來說,學習了半天也確實沒掌握。既然要分享,就詳細一點,畢竟來找這樣工具使用的同學肯定是對工具不熟才來找的。
有問題及時溝通。其中有一個步驟有點問題,希望有知道的可以指導一下。
就是這一步我只能是先選擇一個事件,不加動作,然后再來加用例條件,再去添加動作。感覺應該有更好的辦法,不然的話這個功能也藏太深了,太不友好了吧。
本文由 @子非余 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自Unsplash,基于 CC0 協議。
學會了 感謝
您好 請問有預覽鏈接嘛
沒有鏈接了誒
您好,請問有預覽鏈接嗎