圖片輪播是各大網站常常見到的形式，文章帶我們學習了如何用Axure實現圖片輪播功能，一起來看看~

圖片輪播是各大網站常常見到的形式，文章帶我們學習了如何用Axure實現圖片輪播功能，一起來看看~

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

看了很多教程，主要都是RP8的教程，對于RP9里面如何設置自動的輪播圖很少，結合RP8的經驗，今天就在這里簡單的分享一下RP9里面輪播圖的自動翻滾的效果。

首先了解輪播圖的機制

簡單來說，就是一套圖片以一定時間間隔自動循環播放，同時用戶也可以選擇圖片實現點播的效果。

過程講解

首先我們要知道輪播圖一定是在動態面板里面實現的，動態面版是Axure里面一個非常重要的工具，在很多地方都會用到，他會幫助你實現很多你想要的動效。

接下來，在動態面板里面設置你需要的輪播的數量。

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

下面開始制作交互

選擇動態面板，開始制作banner的滾動效果，交互設置如下：

到這里，所有的交互就已經設置完成了，小伙伴們就可以在瀏覽器中預覽banner的滾動效果了。

是不是很簡單，哈哈，后續有跟好的學習經驗，歡迎多多交流，共同進步。

本文由 @糊涂先生 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議