圖片輪播是各大網(wǎng)站常常見到的形式，文章帶我們學(xué)習(xí)了如何用Axure實(shí)現(xiàn)圖片輪播功能，一起來看看~

最近開始做產(chǎn)品的原型設(shè)計(jì)，從RP8到RP9的過渡，對于RP9的很對設(shè)置還比較陌生，很多東西還在摸索中。

看了很多教程，主要都是RP8的教程，對于RP9里面如何設(shè)置自動(dòng)的輪播圖很少，結(jié)合RP8的經(jīng)驗(yàn)，今天就在這里簡單的分享一下RP9里面輪播圖的自動(dòng)翻滾的效果。

首先了解輪播圖的機(jī)制

簡單來說，就是一套圖片以一定時(shí)間間隔自動(dòng)循環(huán)播放，同時(shí)用戶也可以選擇圖片實(shí)現(xiàn)點(diǎn)播的效果。

過程講解

首先我們要知道輪播圖一定是在動(dòng)態(tài)面板里面實(shí)現(xiàn)的，動(dòng)態(tài)面版是Axure里面一個(gè)非常重要的工具，在很多地方都會(huì)用到，他會(huì)幫助你實(shí)現(xiàn)很多你想要的動(dòng)效。

接下來，在動(dòng)態(tài)面板里面設(shè)置你需要的輪播的數(shù)量。

就以簡單的banner_1，banner_2，banner_3為例，基本設(shè)置就這些。

下面開始制作交互

選擇動(dòng)態(tài)面板，開始制作banner的滾動(dòng)效果，交互設(shè)置如下：

到這里，所有的交互就已經(jīng)設(shè)置完成了，小伙伴們就可以在瀏覽器中預(yù)覽banner的滾動(dòng)效果了。

是不是很簡單，哈哈，后續(xù)有跟好的學(xué)習(xí)經(jīng)驗(yàn)，歡迎多多交流，共同進(jìn)步。

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

題圖來自Unsplash，基于CC0協(xié)議