axure怎么制作圖片自動播放的效果?
我要評論我們可以使用“Axure RP”工具設計交互式原型，這是一個非常棒的工具?，F在我們使用它來構建圖片自動播放（輪播），這里使用的是“Axure RP 8.0”，以下是您需要做的事情。
一、導入圖片
1、新建項目。通過依次點擊菜單欄“文件（File）”-“新建（New）”來創(chuàng)建新項目。
2、添加圖片元件。從左側元件庫（Libraries）中找到圖片（Image），拖放到畫布適合的位置。
3、導入圖片。雙擊圖片元件，在彈出的窗口中找到圖片，單擊“打開”。
4、導入其他圖片。重復2和3，再次導入2張圖片。
二、創(chuàng)建動態(tài)面板
1、要創(chuàng)建輪播，請將輪播中的每個圖像置于自身的動態(tài)面板里。
2、右鍵單擊“圖像1”，然后選擇“轉換為動態(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）關閉對話框。右鍵單擊“圖像2”并選擇“剪切（Cut）”。在右側“概要（Outline）”中雙擊“State2”將其打開，進行編輯。
6、將“Image 2”粘貼到“State2”的畫布上。然后將粘貼的圖像移動到坐標（0,0）。
7、重復上述步驟，將“Image 3”粘貼到“State3”中。
三、制作自動播發(fā)
1、選擇動態(tài)面板。 在屬性（Properties）選項卡中，雙擊“OnLoad（載入時）”添加一個新的OnLoad實例。
2、在左側列中，單擊“Set Panel State（設置面板狀態(tài)）”。
3、在右欄中，選擇“This Widget（這個小部件）”。
4、在右欄的底部，單擊標簽為“Select state（選擇狀態(tài)）”的下來菜單，然后選擇“Next（下一個）”。 單擊復選框“向后循環(huán)（Wrap from last to first）”和“循環(huán)間隔（Repeat every）”， 默認設置每秒（1000 ms），您可以更改秒數（嘗試3000毫秒）。最后將“Animate In（進入動畫）”和“Animate Out（退出動畫）”值設置為“向左滑動（slide left）”和“500 ms”。
五、預覽
單擊預覽，查看效果。
相關推薦：
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
相關文章
axure怎么使用動態(tài)面板制作淘寶圖片輪播效果？我們經?？吹教詫氈杏袌D片輪播的效果，該怎么設計這種效果呢？下面我們就來看看通過axure實現的教程，需要的朋友可以參考下2017-04-23
Axure怎么制作商品詳情頁產品圖展示效果？想要使用Axure設計一個商品圖片展示效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-03-26
Axure RP 8怎么制作圖形排除重疊位模型？Axure RP 8中想要制作兩個圖片折疊，排除折疊位置，該怎么做這個模型呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-01-12
Axure RP 8怎么創(chuàng)建圖形母板？Axure設計網頁的時候，想要制作一個圖片母板，調用很方便，以后統(tǒng)一換圖也方便，該怎么創(chuàng)建呢？下面我們就來看看那詳細的教程，需要的朋友可2017-01-11
Axure RP 8怎么價格2D圖形轉換成3D圖？Axure RP 8中繪制的平面圖想轉換成3d立體圖，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-01-06
Axure RP 8設怎么繪制拱橋倒影圖？想要制作一個圓拱橋并且設置倒影相互映襯，該怎么繪制呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-01-06
Axure RP 8怎么制作一個旋轉的圓角圖片？Axure中想要旋轉圖片元件，將直角圖形變成圓角，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-01-04
Axure RP 8怎么設計圖片點贊功能的網頁原型？想要給網頁添加一個圖片點贊的功能，該怎么添加呢？下面我們就來看看使用Axure來完成的教程，需要的朋友可以參考下2016-12-29
axure RP 8怎么做圖片輪換的效果？axure設計網頁原型的時候，想要做一個圖片輪播的效果，該怎么做呢？下面我們就來看看詳細的教程。需要的朋友可以參考下2016-12-15
Axure RP 8設怎么用按鈕控制圖片的顯示與隱藏？Axure中想給頁面添加一個通過按鈕控制的可以顯示或者隱藏的圖片，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可2016-12-09
