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

語言: CN / TW / HK

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

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

一、製作拖動效果

第一步:建立動態面板

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

建立兩個面板,其分別命名為:部分日期和全部日期

點選“部分日期”進入建立“水平拖動”動態面板,製作面板內容

第二步:新增互動

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

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

二、製作展開收起效果

第一步:創作動態面

點選“全部日期”面板,製作面板內容

第二步:新增互動

選擇“檢視全部”按鈕,觸發“滑鼠點選時”事件,設定動態面板“日期”為“全部日期”,顯示“日期”動態面板

點選雙箭頭圖示,觸發“滑鼠點選時”事件,設定動態面板“日期”為“部分日期”,顯示“日期”動態面板。

兩個效果完成。

Powered by Froala Editor