Axure圖片怎么輪播? axure輪播圖效果的做法
網(wǎng)頁中經(jīng)常能看到輪播圖banner,想要制作一個(gè)輪播圖,該怎么制作呢?我們可以先試用axure制作網(wǎng)頁輪播圖的原型,該怎么制作呢?下面我們就來看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大小:90.5MB
- 語言:簡體中文
- 時(shí)間:2018-05-24
一、準(zhǔn)備工作
1、我們需要準(zhǔn)備一臺(tái)電腦:

2、電腦上首先需要安裝Axure原型設(shè)計(jì)工具:

3、有了這款工具,雙擊打開:

二、創(chuàng)建輪播圖的動(dòng)態(tài)面板:
1、在左側(cè)的工具庫中找到多態(tài)面板,選中鼠標(biāo)一直拖動(dòng)到頁面中,此時(shí)頁面多了一個(gè)矩形區(qū)域:

2、雙擊剛才創(chuàng)建的多態(tài)面板:

3、我們首先給這個(gè)動(dòng)態(tài)面板命名,主要是為了更方便的找到這個(gè)面板;命名好之后可以點(diǎn)擊添加或者是復(fù)制按鈕,根據(jù)自己的圖創(chuàng)建輪播圖(如下圖所示):

4、上一步創(chuàng)建好之后,在頁面右邊大綱下,有我們剛才創(chuàng)建的多態(tài)面板,點(diǎn)擊輪播圖1,在工作區(qū)域會(huì)打開輪播圖1:

5、我們在庫中拖動(dòng)圖片到右側(cè):

6、選中想要畫的圖,點(diǎn)擊打開,這樣輪播1就配置好了:

7、按照上面的操作步驟,我們需要把其他的圖都設(shè)置好,最終效果如下圖所示:

三、添加動(dòng)態(tài)效果:
1、點(diǎn)擊大綱下面剛才創(chuàng)建的 面板,在屬性面板中點(diǎn)擊頁面加載時(shí):

2、在用例編輯頁面,點(diǎn)擊設(shè)置面板狀態(tài),然后根據(jù)下圖配置動(dòng)作:

3、配置完成后, 輪播圖效果制作完成,點(diǎn)擊預(yù)覽,效果如下圖:

以上就是axure輪播圖效果的做法,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure怎么使用動(dòng)態(tài)面板制作banner圖片輪播?
axure怎么使用動(dòng)態(tài)面板制作淘寶圖片輪播效果?
相關(guān)文章
axure9怎么設(shè)置文本框提示文字?axure9設(shè)計(jì)網(wǎng)頁中想要添加文本框設(shè)置提示文字,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-09-06
axure設(shè)計(jì)網(wǎng)頁導(dǎo)航菜單原型圖的思路與實(shí)例介紹
axure中經(jīng)常用于設(shè)計(jì)網(wǎng)站網(wǎng)頁的原型圖,想要設(shè)計(jì)一款網(wǎng)頁的導(dǎo)航菜單,該怎么設(shè)計(jì)呢?我們首先介紹設(shè)計(jì)思路,然后進(jìn)行實(shí)例分享,詳細(xì)請看下文介紹,需要的朋友可以參考下2019-09-05
Axure怎么制作帶百分比進(jìn)度條的投票系統(tǒng)?
Axure怎么制作帶百分比的投票系統(tǒng)?網(wǎng)站上我們家經(jīng)常能見到一些投票系統(tǒng),該怎么創(chuàng)建一個(gè)帶百分比的投票系統(tǒng)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-08-06
axure怎么制作各個(gè)頁面之間自由切換效果?一般網(wǎng)頁都有banner位置,用于展示一些東西,都是多張圖可以隨意切換的,該怎么制作這個(gè)效果呢?下面我們就來看看詳細(xì)的教程,需2019-07-19
Axure rp中繼器怎么實(shí)現(xiàn)全局?jǐn)?shù)據(jù)刪除效果?
Axure rp中繼器怎么實(shí)現(xiàn)全局?jǐn)?shù)據(jù)刪除效果?Axure rp中想要使用中繼器實(shí)現(xiàn)全局刪除數(shù)據(jù)可以刪除一行或多條數(shù)據(jù),通過復(fù)選框選擇要?jiǎng)h除的行的效果,該怎么實(shí)現(xiàn)呢?詳細(xì)請看下2019-07-17
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊圖形變色的效果?
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊圖形變色的效果?Axure rp中繪制的圖形想要實(shí)現(xiàn)鼠標(biāo)店家形狀變色的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-07-16
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)標(biāo)經(jīng)過元件時(shí)隱藏?
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)標(biāo)經(jīng)過元件時(shí)隱藏?Axure rp想要實(shí)現(xiàn)一種效果,就是當(dāng)鼠標(biāo)經(jīng)過元件的時(shí)候,元件隱藏,鼠標(biāo)過去以后再顯示出來,該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的2019-07-15
axure菜單怎么設(shè)置一對(duì)多聯(lián)動(dòng)效果?
axure菜單怎么設(shè)置一對(duì)多聯(lián)動(dòng)效果?axure中制作網(wǎng)頁原型的時(shí)候,想要給菜單添加一對(duì)多聯(lián)動(dòng)效果,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-07-15
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊形狀時(shí)旋轉(zhuǎn)90度?
Axure rp怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊形狀時(shí)旋轉(zhuǎn)90度?Axure rp中繪制的圖形想要實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊旋轉(zhuǎn)90°的效果,該怎么實(shí)現(xiàn)這個(gè)功能呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2019-07-15
Axure rp中自適應(yīng)視圖怎么設(shè)置和使用?
Axure rp中自適應(yīng)視圖怎么設(shè)置和使用?Axure rp制作頁面的時(shí)候,要考慮手機(jī)觀看電腦觀看和平板觀看的效果,這時(shí)候就需要使用自適應(yīng)視圖,下面我們就來看看詳細(xì)的教程,需要2019-07-15











