動(dòng)態(tài)面板在Axure原型設(shè)計(jì)中,可以說是應(yīng)用最廣泛的了。本次課程我們學(xué)習(xí)用動(dòng)態(tài)面板制作多級(jí)聯(lián)動(dòng)效果
一、制作交互效果
第一步:創(chuàng)建動(dòng)態(tài)面板
創(chuàng)建動(dòng)態(tài)面板命名為“醫(yī)生“
創(chuàng)建四個(gè)面板,其分別命名為:選擇地區(qū),選擇醫(yī)院,選擇科室和選擇醫(yī)生
其面板內(nèi)容分別如圖:
01、選擇地區(qū)
02、選擇醫(yī)院
03、選擇科室
04、選擇醫(yī)生
第二步:添加交互
01、動(dòng)態(tài)面板默認(rèn)為”選擇地區(qū)“,進(jìn)入”選擇地區(qū)“面板點(diǎn)擊某個(gè)地區(qū)時(shí),選擇”設(shè)置面板狀態(tài)“,觸發(fā)”鼠標(biāo)點(diǎn)擊事件“,勾選”醫(yī)生“動(dòng)態(tài)面板,選擇”選擇狀態(tài)“為選擇醫(yī)院,如圖
02、進(jìn)入”選擇醫(yī)院“面板點(diǎn)擊醫(yī)院,選擇”設(shè)置面板狀態(tài)“,觸發(fā)”鼠標(biāo)點(diǎn)擊事件“,勾選”醫(yī)生“動(dòng)態(tài)面板,選擇”選擇狀態(tài)“為選擇科室,如圖
03、進(jìn)入”選擇科室“面板點(diǎn)擊科室,選擇”設(shè)置面板狀態(tài)“,觸發(fā)”鼠標(biāo)點(diǎn)擊事件“,勾選”醫(yī)生“動(dòng)態(tài)面板,選擇”選擇狀態(tài)“為選擇醫(yī)生,如圖
多級(jí)聯(lián)動(dòng)功能已經(jīng)完成
如果想重新選擇,可以選擇相應(yīng)的項(xiàng)并觸發(fā)相應(yīng)的”鼠標(biāo)點(diǎn)擊事件“,其操作與上邊相似,如圖:
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。