axure怎么制作圖片自動播放的效果?
我們可以使用“Axure RP”工具設(shè)計交互式原型,這是一個非常棒的工具?,F(xiàn)在我們使用它來構(gòu)建圖片自動播放(輪播),這里使用的是“Axure RP 8.0”,以下是您需要做的事情。

原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計
- 大?。?/span>90.5MB
- 語言:簡體中文
- 時間:2018-05-24
一、導入圖片
1、新建項目。通過依次點擊菜單欄“文件(File)”-“新建(New)”來創(chuàng)建新項目。
2、添加圖片元件。從左側(cè)元件庫(Libraries)中找到圖片(Image),拖放到畫布適合的位置。

3、導入圖片。雙擊圖片元件,在彈出的窗口中找到圖片,單擊“打開”。

4、導入其他圖片。重復2和3,再次導入2張圖片。

二、創(chuàng)建動態(tài)面板
1、要創(chuàng)建輪播,請將輪播中的每個圖像置于自身的動態(tài)面板里。
2、右鍵單擊“圖像1”,然后選擇“轉(zhuǎn)換為動態(tài)面板(Convert to Dynamic Panel)”。 命名動態(tài)面板“自動播發(fā)圖片(輪播)”。

3、雙擊剛剛創(chuàng)建的動態(tài)面板以打開動態(tài)面板狀態(tài)管理器。

4、點擊綠色“+”圖標兩次,給動態(tài)面板三個狀態(tài)(State)。

5、單擊確定(Ok)關(guān)閉對話框。右鍵單擊“圖像2”并選擇“剪切(Cut)”。在右側(cè)“概要(Outline)”中雙擊“State2”將其打開,進行編輯。

6、將“Image 2”粘貼到“State2”的畫布上。然后將粘貼的圖像移動到坐標(0,0)。

7、重復上述步驟,將“Image 3”粘貼到“State3”中。
三、制作自動播發(fā)
1、選擇動態(tài)面板。 在屬性(Properties)選項卡中,雙擊“OnLoad(載入時)”添加一個新的OnLoad實例。

2、在左側(cè)列中,單擊“Set Panel State(設(shè)置面板狀態(tài))”。

3、在右欄中,選擇“This Widget(這個小部件)”。

4、在右欄的底部,單擊標簽為“Select state(選擇狀態(tài))”的下來菜單,然后選擇“Next(下一個)”。 單擊復選框“向后循環(huán)(Wrap from last to first)”和“循環(huán)間隔(Repeat every)”, 默認設(shè)置每秒(1000 ms),您可以更改秒數(shù)(嘗試3000毫秒)。最后將“Animate In(進入動畫)”和“Animate Out(退出動畫)”值設(shè)置為“向左滑動(slide left)”和“500 ms”。

五、預覽
單擊預覽,查看效果。

相關(guān)推薦:
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關(guān)文章
axure怎么使用動態(tài)面板制作淘寶圖片輪播效果?我們經(jīng)常看到淘寶中有圖片輪播的效果,該怎么設(shè)計這種效果呢?下面我們就來看看通過axure實現(xiàn)的教程,需要的朋友可以參考下2017-04-23
Axure怎么制作商品詳情頁產(chǎn)品圖展示效果?想要使用Axure設(shè)計一個商品圖片展示效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-03-26
Axure RP 8怎么制作圖形排除重疊位模型?Axure RP 8中想要制作兩個圖片折疊,排除折疊位置,該怎么做這個模型呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-12
Axure RP 8怎么創(chuàng)建圖形母板?Axure設(shè)計網(wǎng)頁的時候,想要制作一個圖片母板,調(diào)用很方便,以后統(tǒng)一換圖也方便,該怎么創(chuàng)建呢?下面我們就來看看那詳細的教程,需要的朋友可2017-01-11
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖?
Axure RP 8怎么價格2D圖形轉(zhuǎn)換成3D圖?Axure RP 8中繪制的平面圖想轉(zhuǎn)換成3d立體圖,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-06
Axure RP 8設(shè)怎么繪制拱橋倒影圖?想要制作一個圓拱橋并且設(shè)置倒影相互映襯,該怎么繪制呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-06
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?Axure中想要旋轉(zhuǎn)圖片元件,將直角圖形變成圓角,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-01-04
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?想要給網(wǎng)頁添加一個圖片點贊的功能,該怎么添加呢?下面我們就來看看使用Axure來完成的教程,需要的朋友可以參考下2016-12-29
axure RP 8怎么做圖片輪換的效果?axure設(shè)計網(wǎng)頁原型的時候,想要做一個圖片輪播的效果,該怎么做呢?下面我們就來看看詳細的教程。需要的朋友可以參考下2016-12-15
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?Axure中想給頁面添加一個通過按鈕控制的可以顯示或者隱藏的圖片,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可2016-12-09











