Axure案例教程:打開同一頁面時,在頁面中顯示不同的動態(tài)面板狀態(tài)
2023-02-25 17:57 作者:AxureBoutique | 我要投稿

簡介
當我們在Axure中設計原型時,我們經常遇到這樣的情況。一個頁面上有兩個按鈕。點擊這兩個按鈕可以打開同一個頁面,但是同一個頁面需要顯示不同的元素。
粗暴的做法是直接建立兩個頁面,然后將兩個按鈕跳轉到不同的頁面,這樣就可以顯示不同的內容了,但是這樣看起來會很不專業(yè)。Axure提供的動態(tài)面板其實可以解決這個問題。雖然Axure的功能非常強大,但一些高級技巧卻不是那么容易掌握的。下面我將介紹如何使用全局變量來實現(xiàn)這一效果。


元件設置
1. 建立兩個頁面,在第一頁放兩個按鈕,一個黃色,一個紅色。第二頁有一個動態(tài)面板和一個返回上一頁的按鈕。動態(tài)面板有兩種狀態(tài)。黃色,紅色。


交互設置
由于全局變量可以在不同的頁面中傳遞,通過改變全局變量并將其傳遞給另一個頁面,當另一個頁面加載時,通過判斷變量的值,可以改變動態(tài)面板的狀態(tài)。
設置按鈕點擊的交互方式

當紅色按鈕被點擊時,將默認的全局變量改為Red并跳轉到動態(tài)面板頁面。
同樣地,當黃色按鈕被點擊時,將默認的全局變量改為Yellow,并跳轉到動態(tài)面板頁面。
設置頁面載入的交互方式

在動態(tài)面板頁面。 ?設置頁面載入時的交互:當全局變量為Red時,設置動態(tài)面板狀態(tài)為紅色;當全局變量為Yellow時,設置動態(tài)面板狀態(tài)為黃色。
最后,設置回到上一頁按鈕被點擊時回到前一頁。
這樣一來,所有的設置都完成了。 ?如果你有任何問題和建議,請在下面留言。
相關教程
