Axure8.0教程:動態(tài)面板多級聯(lián)動

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

編輯導(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é)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!