相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17124人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76722人學(xué)過

Axure8.0:動(dòng)態(tài)面板多級(jí)聯(lián)動(dòng)
發(fā)布時(shí)間:2022-03-16 08:38 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 1269

動(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)擊事件“,其操作與上邊相似,如圖:

Axure8.0視頻教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對(duì)下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有17124人學(xué)過

UI交互app及axure設(shè)計(jì)教程

84小節(jié)已有76722人學(xué)過

分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC