Axure8.0教程:動態(tài)面板左右滑動及展開收起

0 評論 5691 瀏覽 6 收藏 3 分鐘

編輯導(dǎo)讀:動態(tài)面板是產(chǎn)品的基本功能之一,應(yīng)用也非常廣泛。本文作者分享了如何用Axure,制作動態(tài)面板左右滑動及展開收起,希望對你有幫助。

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

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

一、制作拖動效果

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

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

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

點擊“部分日期”進入創(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)面板。

兩個效果完成。

 

本文由@qianqianlu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pixabay,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!