Axure RP 9教程:banner輪播最簡單的實現方法

0 評論 7011 瀏覽 9 收藏 3 分鐘

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

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

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

首先了解輪播圖的機制

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

過程講解

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

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

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

下面開始制作交互

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

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

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

 

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

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!