Axure8.0教程:滑動(dòng)翻轉(zhuǎn)效果

0 評(píng)論 3213 瀏覽 3 收藏 2 分鐘

編輯導(dǎo)讀:動(dòng)態(tài)滑動(dòng)以及翻轉(zhuǎn)效果是常見的產(chǎn)品動(dòng)效,如何用Axure8進(jìn)行制作呢?本文作者對(duì)此做了展示,一起來看看吧。

本次分享的是Axure8制作的動(dòng)態(tài)滑動(dòng)以及翻轉(zhuǎn)效果。

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

一、制作原型

拖動(dòng)一個(gè)【動(dòng)態(tài)面板】元件命名為滑動(dòng)。

進(jìn)入動(dòng)態(tài)面板制作輪播圖以及圓點(diǎn)。

1.制作輪播圖

拖動(dòng)一個(gè)【動(dòng)態(tài)面板】元件,命名為輪播? ,分別制作四張圖片。

2.選擇按鈕

制作四個(gè)圓點(diǎn),分別命名為圓點(diǎn)1、圓點(diǎn)2、圓點(diǎn)3、圓點(diǎn)4。

二、交互設(shè)置

點(diǎn)擊”輪播圖”動(dòng)態(tài)面板,進(jìn)行“狀態(tài)改變時(shí)”事件、“向左拖動(dòng)結(jié)束時(shí)”事件以及“向右拖動(dòng)結(jié)束時(shí)”事件設(shè)置。

 

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

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

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