日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

axure怎么制作图片自动播放的效果?

發布時間:2023/12/24 综合教程 33 生活家
生活随笔 收集整理的這篇文章主要介紹了 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怎么制作图片自动播放的效果?的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。