Axure圖片怎么輪播? axure輪播圖效果的做法
我要評論網(wǎng)頁中經(jīng)常能看到輪播圖banner，想要制作一個輪播圖，該怎么制作呢？我們可以先試用axure制作網(wǎng)頁輪播圖的原型，該怎么制作呢？下面我們就來看看詳細的教程。
一、準備工作
1、我們需要準備一臺電腦：
2、電腦上首先需要安裝Axure原型設計工具：
3、有了這款工具，雙擊打開：
二、創(chuàng)建輪播圖的動態(tài)面板：
1、在左側的工具庫中找到多態(tài)面板，選中鼠標一直拖動到頁面中，此時頁面多了一個矩形區(qū)域：
2、雙擊剛才創(chuàng)建的多態(tài)面板：
3、我們首先給這個動態(tài)面板命名，主要是為了更方便的找到這個面板；命名好之后可以點擊添加或者是復制按鈕，根據(jù)自己的圖創(chuàng)建輪播圖（如下圖所示）：
4、上一步創(chuàng)建好之后，在頁面右邊大綱下，有我們剛才創(chuàng)建的多態(tài)面板，點擊輪播圖1，在工作區(qū)域會打開輪播圖1：
5、我們在庫中拖動圖片到右側：
6、選中想要畫的圖，點擊打開，這樣輪播1就配置好了：
7、按照上面的操作步驟，我們需要把其他的圖都設置好，最終效果如下圖所示：
三、添加動態(tài)效果：
1、點擊大綱下面剛才創(chuàng)建的 面板，在屬性面板中點擊頁面加載時：
2、在用例編輯頁面，點擊設置面板狀態(tài)，然后根據(jù)下圖配置動作：
3、配置完成后， 輪播圖效果制作完成，點擊預覽，效果如下圖：
以上就是axure輪播圖效果的做法，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
Axure怎么使用動態(tài)面板制作banner圖片輪播?
相關文章
axure9怎么設置文本框提示文字？axure9設計網(wǎng)頁中想要添加文本框設置提示文字，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-09-06
axure設計網(wǎng)頁導航菜單原型圖的思路與實例介紹
axure中經(jīng)常用于設計網(wǎng)站網(wǎng)頁的原型圖，想要設計一款網(wǎng)頁的導航菜單，該怎么設計呢？我們首先介紹設計思路，然后進行實例分享，詳細請看下文介紹，需要的朋友可以參考下2019-09-05
Axure怎么制作帶百分比的投票系統(tǒng)？網(wǎng)站上我們家經(jīng)常能見到一些投票系統(tǒng)，該怎么創(chuàng)建一個帶百分比的投票系統(tǒng)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-08-06
axure怎么制作各個頁面之間自由切換效果？一般網(wǎng)頁都有banner位置，用于展示一些東西，都是多張圖可以隨意切換的，該怎么制作這個效果呢？下面我們就來看看詳細的教程，需2019-07-19
Axure rp中繼器怎么實現(xiàn)全局數(shù)據(jù)刪除效果?
Axure rp中繼器怎么實現(xiàn)全局數(shù)據(jù)刪除效果？Axure rp中想要使用中繼器實現(xiàn)全局刪除數(shù)據(jù)可以刪除一行或多條數(shù)據(jù)，通過復選框選擇要刪除的行的效果，該怎么實現(xiàn)呢？詳細請看下2019-07-17
Axure rp怎么實現(xiàn)鼠標點擊圖形變色的效果?
Axure rp怎么實現(xiàn)鼠標點擊圖形變色的效果？Axure rp中繪制的圖形想要實現(xiàn)鼠標店家形狀變色的效果，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-07-16
Axure rp怎么實現(xiàn)鼠標標經(jīng)過元件時隱藏?
Axure rp怎么實現(xiàn)鼠標標經(jīng)過元件時隱藏？Axure rp想要實現(xiàn)一種效果，就是當鼠標經(jīng)過元件的時候，元件隱藏，鼠標過去以后再顯示出來，該怎么實現(xiàn)呢？下面我們就來看看詳細的2019-07-15
axure菜單怎么設置一對多聯(lián)動效果？axure中制作網(wǎng)頁原型的時候，想要給菜單添加一對多聯(lián)動效果，該怎么設置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2019-07-15
Axure rp怎么實現(xiàn)鼠標點擊形狀時旋轉90度?
Axure rp怎么實現(xiàn)鼠標點擊形狀時旋轉90度？Axure rp中繪制的圖形想要實現(xiàn)鼠標點擊旋轉90°的效果，該怎么實現(xiàn)這個功能呢？下面我們就來看看詳細的教程，需要的朋友可以參考2019-07-15
Axure rp中自適應視圖怎么設置和使用？Axure rp制作頁面的時候，要考慮手機觀看電腦觀看和平板觀看的效果，這時候就需要使用自適應視圖，下面我們就來看看詳細的教程，需要2019-07-15
