axure怎么制作图片自动播放的效果?
我們可以使用“Axure RP”工具設計交互式原型,這是一個非常棒的工具。現在我們使用它來構建圖片自動播放(輪播),這里使用的是“Axure RP 8.0”,以下是您需要做的事情。
一、導入圖片
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怎么制作图片自动播放的效果?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iPhone X屏幕突然变暗或者黑屏怎么
- 下一篇: iPhone X 插入耳机弹出 Siri