青銅修煉手冊:Axure圖片輪播效果(一)

我想很多人在逛淘寶或者其他網站的時候經常都會看見在主頁面會有一些圖片隔段時間就會進行切換,其實這就是圖片的輪播效果,今天想跟大家說一下這個輪播效果用Axure如何實現出來,廢話不多說,讓我們馬上開始吧。

實現步驟:

1.把一個圖片原件拖進畫布裏面並雙擊原件導入第一張圖片

          2.點擊原件然後點擊鼠標右鍵【快捷菜單】選擇“轉換爲動態面板”,然後雙擊面板後,在彈窗上設置面板的名稱爲“picture”,再點擊狀態“State1”,將其狀態複製5次,如圖所示:

         3.雙擊概要面板的狀態“State2”,將裏面的圖片換成其他圖片。其餘狀態“State3~State6”也要把圖片換掉。

            4.圖片換好之後回到主頁面,爲面板添加交互:雙擊面板選擇“載入時”交互方式,然後點擊“設置面板狀態”->選擇“picture”原件,選擇狀態爲“Next”,勾選“向後循環”和“循環間隔”,時間爲1000毫秒,進入動畫和退出動畫都是“逐漸”,時間都是500毫秒,具體設置方式如下圖所示:

            5.設置好交互方式之後點擊確認,然後瀏覽就可以了 .

效果查看地址:https://zw4bgq.axshare.com

原型RP文件下載地址:https://download.csdn.net/download/qq_27884377/10567845

Axure圖片輪播效果(二):https://blog.csdn.net/qq_27884377/article/details/81346776

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章