Axure8.0教程:動態面板左右滑動及展開收起
編輯導讀:動態面板是產品的基本功能之一,應用也非常廣泛。本文作者分享了如何用Axure,制作動態面板左右滑動及展開收起,希望對你有幫助。
動態面板在Axure原型設計中,可以說是應用最廣泛的了。本次課程我們學習用動態面板制作左右滑動及展開收起效果。
預覽及下載地址:https://f6tdt2.axshare.com
一、制作拖動效果
第一步:創建動態面板
創建動態面板命名為“日期“
創建兩個面板,其分別命名為:部分日期和全部日期
點擊“部分日期”進入創建“水平拖動”動態面板,制作面板內容
第二步:添加交互
選擇”水平拖動“動態面板,觸發”拖動時事件“,
左右拖動效果完成,接下來是展開收起功能
二、制作展開收起效果
第一步:創作動態面
點擊“全部日期”面板,制作面板內容
第二步:添加交互
選擇“查看全部”按鈕,觸發“鼠標點擊時”事件,設置動態面板“日期”為“全部日期”,顯示“日期”動態面板
點擊雙箭頭圖標,觸發“鼠標點擊時”事件,設置動態面板“日期”為“部分日期”,顯示“日期”動態面板。
兩個效果完成。
本文由@qianqianlu 原創發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Pixabay,基于CC0協議
評論
- 目前還沒評論,等你發揮!