編輯導(dǎo)讀：動(dòng)態(tài)面板在Axure原型設(shè)計(jì)中應(yīng)用非常廣泛，本文作者分享了用動(dòng)態(tài)面板制作多級(jí)聯(lián)動(dòng)效果的教程，一起來(lái)看一下。

動(dòng)態(tài)面板在Axure原型設(shè)計(jì)中，可以說(shuō)是應(yīng)用最廣泛的了。本次課程我們學(xué)習(xí)用動(dòng)態(tài)面板制作多級(jí)聯(lián)動(dòng)效果。

原型預(yù)覽地址：https://8ewqz4.axshare.com

一、制作交互效果

第一步：創(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)擊事件“，其操作與上邊相似，如圖：

本文由 @qianqianlu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議。