Axure8.0教程:動態面板多級聯動
編輯導讀:動態面板在Axure原型設計中應用非常廣泛,本文作者分享了用動態面板制作多級聯動效果的教程,一起來看一下。
動態面板在Axure原型設計中,可以說是應用最廣泛的了。本次課程我們學習用動態面板制作多級聯動效果。
原型預覽地址:https://8ewqz4.axshare.com
一、制作交互效果
第一步:創建動態面板
創建動態面板命名為“醫生“
創建四個面板,其分別命名為:選擇地區,選擇醫院,選擇科室和選擇醫生
其面板內容分別如圖:
01、選擇地區
02、選擇醫院
03、選擇科室
04、選擇醫生
第二步:添加交互
01、動態面板默認為”選擇地區“,進入”選擇地區“面板點擊某個地區時,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇醫院,如圖
02、進入”選擇醫院“面板點擊醫院,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇科室,如圖
03、進入”選擇科室“面板點擊科室,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇醫生,如圖
多級聯動功能已經完成
如果想重新選擇,可以選擇相應的項并觸發相應的”鼠標點擊事件“,其操作與上邊相似,如圖:
本文由 @qianqianlu 原創發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議。
評論
- 目前還沒評論,等你發揮!