Axure教程 | Banner的輪播

6 評論 15971 瀏覽 157 收藏 3 分鐘

大家好,我是產品小白,各種學習中。最近需求做一個滾動的banner,看了很多大師的介紹及講解,自己整合摸索了下面一個比較簡單的方法,如果有不對的,歡迎大家砸磚,相互學習。

首先,你先確定你有多少個banner需要輪播,在動態面板里就添加幾個狀態。如圖:

然后設置動態面板狀態,設置“next”滾動,細節按你自己需要設置,包括動畫、時間等。如圖:

2

隨后有一步不要忘了,設置這個動態面板,鼠標移入時,停止輪播,移出,繼續往后輪播。這么設置的用意是:用戶看到感興趣的banner后,會將鼠標移入或點擊進入專題頁。因此設置這一步,也會方便后面一步。如圖:

3

是不是覺得還少了點什么?對,類似于這種,點擊直接跳到該banner的操作。

6

添加對應數量的矩形或圓圈,設置鼠標點擊下,對應banner動態面板的各個狀態,如圖,

5

這里我只放了一個,其他按照你們自己需要的數量,要一一對應一個狀態,如此,一個輪播banner就可以了,還可以手動。

因為是第一次寫,這里要感謝賬戶名叫“張昊”的大師,是他的一句評論點播了我,多謝多謝!

寫得不好,歡迎大家拍磚,相互交流,謝謝!

#輪播Banner的討論#

【適合axure初學者】動態面板實現banner的輪播效果

輪播banner的略簡便實現方式

【關于banner輪播】最簡單的實現方法。

關于banner輪播最簡易實現及手動切換

本文由 @慢調騎士?原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ?? 確實,這種東西就不要發了,算是基礎操作級別的,弄點有難度或有創意的吧。

    來自北京 回復
  2. 載入中切換banner,那么點擊圈圈后,它改怎么繼續切換呢?

    來自北京 回復
  3. 這是我看的第四個發這個教程的了。。真的很簡單,有必要發教程嗎

    來自廣東 回復
    1. 不是教程,只是跟大家交流

      來自浙江 回復
    2. 樓主qq號碼多少呀?同是產品新人可以一起交流學習嗎?

      來自廣東 回復
    3. 害,誰還不是從不會到會的呢,分享出來有啥不好呢

      來自浙江 回復