如何使用Axure實(shí)現(xiàn)輪播圖效果
Axure是一種非常實(shí)用的原型制作工具,廣泛應(yīng)用于產(chǎn)品經(jīng)理、產(chǎn)品助理和交互設(shè)計(jì)師等領(lǐng)域。那么,在Axure中如何實(shí)現(xiàn)廣告輪播圖效果呢?下面將詳細(xì)介紹具體步驟。 創(chuàng)建動(dòng)態(tài)面板 首先,創(chuàng)建兩個(gè)動(dòng)態(tài)面板
Axure是一種非常實(shí)用的原型制作工具,廣泛應(yīng)用于產(chǎn)品經(jīng)理、產(chǎn)品助理和交互設(shè)計(jì)師等領(lǐng)域。那么,在Axure中如何實(shí)現(xiàn)廣告輪播圖效果呢?下面將詳細(xì)介紹具體步驟。
創(chuàng)建動(dòng)態(tài)面板
首先,創(chuàng)建兩個(gè)動(dòng)態(tài)面板,分別命名為【背景圖片】和【圓點(diǎn)】。在【背景圖片】動(dòng)態(tài)面板中添加三個(gè)動(dòng)態(tài),并為每個(gè)動(dòng)態(tài)設(shè)置對(duì)應(yīng)的圖片(因篇幅限制,本文以占位符代替)。同樣地,在【圓點(diǎn)】動(dòng)態(tài)面板中添加三種圓點(diǎn)動(dòng)態(tài)。
設(shè)置動(dòng)態(tài)效果
接下來(lái),最關(guān)鍵的一步是為動(dòng)態(tài)面板設(shè)置動(dòng)作。首先,設(shè)置【載入時(shí)】動(dòng)作,先等待3000毫秒,然后設(shè)置面板狀態(tài)【背景圖片】從最后一個(gè)到第一個(gè)自動(dòng)跳轉(zhuǎn),每隔3000毫秒切換一次。進(jìn)入動(dòng)畫(huà)向左滑動(dòng)的時(shí)間設(shè)置為500毫秒,退出動(dòng)畫(huà)向左滑動(dòng)的時(shí)間也設(shè)置為500毫秒。再設(shè)置面板狀態(tài)【圓點(diǎn)】從最后一個(gè)到第一個(gè)自動(dòng)跳轉(zhuǎn),每隔3000毫秒切換一次。點(diǎn)擊確定保存設(shè)置。
預(yù)覽效果
好了,至此你已經(jīng)完成了最簡(jiǎn)單的Axure廣告輪播圖效果?,F(xiàn)在,點(diǎn)擊F5鍵進(jìn)行預(yù)覽,看看效果如何吧!