使用axure制作出圖片自動播放效果具體操作步驟
各位同學們知道使用axure如何制作出圖片自動播放效果嗎?不知道的話可以跟隨小編去下文看看使用axure制作出圖片自動播放效果的具體操作步驟 。
【使用axure制作出圖片自動播放效果具體操作步驟】一、導入圖片
1、新建項目 。通過依次點擊菜單欄“文件(File)”-“新建(New)”來創建新項目 。
2、添加圖片元件 。從左側元件庫(Libraries)中找到圖片(Image) ， 拖放到畫布適合的位置 。
3、導入圖片 。雙擊圖片元件，在彈出的窗口中找到圖片，單擊“打開” 。
4、導入其他圖片 。重復2和3，再次導入2張圖片 。
二、創建動態面板
1、要創建輪播 ， 請將輪播中的每個圖像置于自身的動態面板里 。
2、右鍵單擊“圖像1”，然后選擇“轉換為動態面板(Convert to Dynamic Panel)” 。命名動態面板“自動播發圖片(輪播)” 。
3、雙擊剛剛創建的動態面板以打開動態面板狀態管理器 。
4、點擊綠色“ ”圖標兩次 ， 給動態面板三個狀態(State) 。
5、單擊確定(Ok)關閉對話框 。右鍵單擊“圖像2”并選擇“剪切(Cut)” 。在右側“概要(Outline)”中雙擊“State2”將其打開，進行編輯 。
6、將“Image 2”粘貼到“State2”的畫布上 。然后將粘貼的圖像移動到坐標(0,0) 。
7、重復上述步驟，將“Image 3”粘貼到“State3”中 。
三、制作自動播發
1、選擇動態面板 。在屬性(Properties)選項卡中，雙擊“OnLoad(載入時)”添加一個新的OnLoad實例 。
2、在左側列中，單擊“Set Panel State(設置面板狀態)” 。
3、在右欄中，選擇“This Widget(這個小部件)” 。
4、在右欄的底部 ， 單擊標簽為“Select state(選擇狀態)”的下來菜單，然后選擇“Next(下一個)” 。單擊復選框“向后循環(Wrap from last to first)”和“循環間隔(Repeat every)” ， 默認設置每秒(1000 ms)，您可以更改秒數(嘗試3000毫秒) 。最后將“Animate In(進入動畫)”和“Animate Out(退出動畫)”值設置為“向左滑動(slide left)”和“500 ms” 。
五、預覽
單擊預覽，查看效果 。
按照上文為你們分享的使用axure制作出圖片自動播放效果的具體操作步驟，你們是不是都學會了呀!
