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