Axure8.0教程:動態面板多級聯動

0 評論 5514 瀏覽 8 收藏 4 分鐘

編輯導讀:動態面板在Axure原型設計中應用非常廣泛,本文作者分享了用動態面板制作多級聯動效果的教程,一起來看一下。

動態面板在Axure原型設計中,可以說是應用最廣泛的了。本次課程我們學習用動態面板制作多級聯動效果。

原型預覽地址:https://8ewqz4.axshare.com

一、制作交互效果

第一步:創建動態面板

創建動態面板命名為“醫生“

創建四個面板,其分別命名為:選擇地區,選擇醫院,選擇科室和選擇醫生

其面板內容分別如圖:

01、選擇地區

02、選擇醫院

03、選擇科室

04、選擇醫生

第二步:添加交互

01、動態面板默認為”選擇地區“,進入”選擇地區“面板點擊某個地區時,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇醫院,如圖

02、進入”選擇醫院“面板點擊醫院,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇科室,如圖

03、進入”選擇科室“面板點擊科室,選擇”設置面板狀態“,觸發”鼠標點擊事件“,勾選”醫生“動態面板,選擇”選擇狀態“為選擇醫生,如圖

多級聯動功能已經完成

如果想重新選擇,可以選擇相應的項并觸發相應的”鼠標點擊事件“,其操作與上邊相似,如圖:

 

本文由 @qianqianlu 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!