Axure教程：全域性變數的應用——空頁面的新增資料校驗

當一個頁面存在兩種或多種狀態內容時，可以考慮用【全域性變數】判斷展示哪個狀態頁面。例如：音樂收藏列表頁面的【空狀態】和【有資料】展示的兩種情況。

1. 當用戶沒有收藏歌曲時，點選收藏導航進入收藏管理頁面，為【空狀態】頁面。
2. 當用戶有收藏歌曲時，點選收藏導航進入收藏管理頁面，為【有資料狀態】頁面。

即點選同一個按鈕，在不用情形下，會展示不同內容或者跳轉不同頁面。

一、實現原理

利用全域性變數，在元件或者頁面載入時，判斷全域性變數的值，根據不同的值，展示不同的內容或者跳轉不同頁面。

二、實現步驟1. 新增全域性變數

點選頂部選單【專案】-【全域性變數設定】，新增一個全域性變數，命名為collection（用來校驗使用者是否收藏的歌曲）。其預設值設定為0，代表沒有收藏歌曲，為空狀態頁面。當數值為1時，代表使用者有收藏歌曲。

2. 新增收藏圖示按鈕互動事件

1） 當收藏按鈕為未收藏狀態時，選中圖示按鈕，新增【單擊時】，設定收藏按鈕狀態為下一狀態即已收藏，同時新增【設定全域性變數】，目標為【collection】，值為【1】。

2）當收藏按鈕為已收藏狀態時，選中圖示按鈕，新增【單擊時】，設定收藏按鈕狀態為下一狀態即未收藏，同時選擇【設定全域性變數】，目標為【collection】，值為【0】。詳細設計如下圖所示：

3. 收藏頁面元件設定

給收藏頁面新增一個【動態面板】，命名為內容，新增兩個狀態，分別state1為空狀態，state2為有收藏資料狀態。

4. 新增互動事件

選中【內容】，新增【載入時】互動事件，新增條件，當全域性變數【collection=0】時，該面板狀態為state1；當全域性變數【collection=1】時，該面板狀態為state2；

5. 效果

設定完成後，即可實現使用者在播放頁點選收藏圖示按鈕收藏歌曲，檢視收藏頁面時，即可看到收藏頁面有收藏的歌曲內容。

當用戶在播放頁再點選取消收藏圖示按鈕，此時再返回收藏頁面時，看到收藏頁面為空頁面。

三、注意事項

1. 收藏的歌曲內容是事先新增的你想要的歌曲，不會根據你收藏的哪一首歌曲就顯示哪一首。
2. 演示的效果，是展示有收藏和沒收藏的互動效果。不能達到點選收藏一首，收藏頁面就會新增收藏一首。

本文由 @火星人～艾斯 原創釋出於人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基於CC0協議