win7系統(tǒng)下載
當前位置: 首頁 > 硬件軟件教程 > 詳細頁面

Axure制作動態(tài)面板多級聯(lián)動案例圖文解析詳細圖文詳細教程

發(fā)布時間:2024-04-08 文章來源:深度系統(tǒng)下載 瀏覽:

動態(tài)面板在Axure原型設計中,可以說是應用最廣泛的了。本次課程我們學習用動態(tài)面板制作多級聯(lián)動效果。

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

一、制作交互效果

第一步:創(chuàng)建動態(tài)面板

創(chuàng)建動態(tài)面板命名為“醫(yī)生“Axure8.0教程:動態(tài)面板多級聯(lián)動

創(chuàng)建四個面板,其分別命名為:選擇地區(qū),選擇醫(yī)院,選擇科室和選擇醫(yī)生

其面板內容分別如圖:

01、選擇地區(qū)

Axure8.0教程:動態(tài)面板多級聯(lián)動02、選擇醫(yī)院

Axure8.0教程:動態(tài)面板多級聯(lián)動03、選擇科室

Axure8.0教程:動態(tài)面板多級聯(lián)動04、選擇醫(yī)生

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

第二步:添加交互

01、動態(tài)面板默認為”選擇地區(qū)“,進入”選擇地區(qū)“面板點擊某個地區(qū)時,選擇”設置面板狀態(tài)“,觸發(fā)”鼠標點擊事件“,勾選”醫(yī)生“動態(tài)面板,選擇”選擇狀態(tài)“為選擇醫(yī)院,如圖

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

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

02、進入”選擇醫(yī)院“面板點擊醫(yī)院,選擇”設置面板狀態(tài)“,觸發(fā)”鼠標點擊事件“,勾選”醫(yī)生“動態(tài)面板,選擇”選擇狀態(tài)“為選擇科室,如圖

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

03、進入”選擇科室“面板點擊科室,選擇”設置面板狀態(tài)“,觸發(fā)”鼠標點擊事件“,勾選”醫(yī)生“動態(tài)面板,選擇”選擇狀態(tài)“為選擇醫(yī)生,如圖

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

多級聯(lián)動功能已經完成

如果想重新選擇,可以選擇相應的項并觸發(fā)相應的”鼠標點擊事件“,其操作與上邊相似,如圖:

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

上一篇:

下一篇:VMware Workstation Pro