Axure8.0教程：動態面板左右滑動及展開收起

動態面板在Axure原型設計中，可以説是應用最廣泛的了。本次課程我們學習用動態面板製作左右滑動及展開收起效果。

預覽及下載地址： http://f6tdt2.axshare.com

一、製作拖動效果

第一步：創建動態面板

創建動態面板命名為“日期“

創建兩個面板，其分別命名為：部分日期和全部日期

點擊“部分日期”進入創建“水平拖動”動態面板，製作面板內容

第二步：添加交互

選擇”水平拖動“動態面板，觸發”拖動時事件“，

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

二、製作展開收起效果

第一步：創作動態面

點擊“全部日期”面板，製作面板內容

第二步：添加交互

選擇“查看全部”按鈕，觸發“鼠標點擊時”事件，設置動態面板“日期”為“全部日期”，顯示“日期”動態面板

點擊雙箭頭圖標，觸發“鼠標點擊時”事件，設置動態面板“日期”為“部分日期”，顯示“日期”動態面板。

兩個效果完成。

Powered by Froala Editor