動態(tài)面板在Axure原型設(shè)計中，可以說是應(yīng)用最廣泛的了。本次課程我們學(xué)習(xí)用動態(tài)面板制作左右滑動及展開收起效果。

預(yù)覽及下載地址：https://itc5ol.axshare.com

一、制作拖動效果

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

創(chuàng)建動態(tài)面板命名為“日期“

創(chuàng)建兩個面板，其分別命名為：部分日期和全部日期

點擊“部分日期”進(jìn)入創(chuàng)建“水平拖動”動態(tài)面板，制作面板內(nèi)容

第二步：添加交互

選擇”水平拖動“動態(tài)面板，觸發(fā)”拖動時事件“，

左右拖動效果完成，接下來是展開收起功能

二、制作展開收起效果

第一步：創(chuàng)作動態(tài)面

點擊“全部日期”面板，制作面板內(nèi)容

第二步：添加交互

選擇“查看全部”按鈕，觸發(fā)“鼠標(biāo)點擊時”事件，設(shè)置動態(tài)面板“日期”為“全部日期”，顯示“日期”動態(tài)面板

點擊雙箭頭圖標(biāo)，觸發(fā)“鼠標(biāo)點擊時”事件，設(shè)置動態(tài)面板“日期”為“部分日期”，顯示“日期”動態(tài)面板。

兩個效果完成。