axure動(dòng)態(tài)面板如何使用

  • A+
所屬分類:百科知識

動(dòng)態(tài)面板是axure原型制作中使用非常頻繁的一個(gè)元件,主要用途就是實(shí)現(xiàn)一些動(dòng)態(tài)的交互效果。所以,如果動(dòng)態(tài)面板使用不熟悉的話,對axure原型的制作會有很大的影響,那么動(dòng)態(tài)面板如何使用呢?

1,打開【Axure軟件,在index文件上新建一個(gè)375*667大小的背景矩形并繪制頁面。具體如圖所示。

axure動(dòng)態(tài)面板如何使用

2,在banner的位置上新建一個(gè)【動(dòng)態(tài)面板】,雙擊動(dòng)態(tài)面板在其中新建state1,state2,state3,并依次單擊重新命名成banner1,banenr2,banner3。具體如圖所示。

axure動(dòng)態(tài)面板如何使用

3,在右側(cè)的頁面模塊上雙擊【banner1】進(jìn)入到banner1的內(nèi)頁中,并新建一個(gè)矩形填充【006600】的顏色。具體如圖所示。

axure動(dòng)態(tài)面板如何使用

4,在右側(cè)的頁面模塊上雙擊【banner2】進(jìn)入到banner2的內(nèi)頁中,并新建一個(gè)矩形填充【CC0000】的顏色。具體如圖所示。

axure動(dòng)態(tài)面板如何使用

5,在右側(cè)的頁面模塊上雙擊【banner3】進(jìn)入到banner3的內(nèi)頁中,并新建一個(gè)矩形填充【FF9900】的顏色。具體如圖所示。

axure動(dòng)態(tài)面板如何使用

6,回到首頁,選擇動(dòng)態(tài)面板給他命一個(gè)名字【banner】選擇交互中的【載入時(shí)】選擇設(shè)置面板狀態(tài),勾選【banner】動(dòng)態(tài)面板,選擇狀態(tài)【next】勾選【向后循環(huán)】勾選【循環(huán)間隔1000毫秒】,具體如圖所示。

axure動(dòng)態(tài)面板如何使用

7,回到首頁,在banner動(dòng)態(tài)面板上再次新建一個(gè)【動(dòng)態(tài)面板】并重新命名為【輪播點(diǎn)】,具體如圖所示。

axure動(dòng)態(tài)面板如何使用

8,雙擊【輪播點(diǎn)】動(dòng)態(tài)面板,新建三個(gè)內(nèi)頁【輪播點(diǎn)1,輪播點(diǎn)2,輪播點(diǎn)3】具體如圖所示。

axure動(dòng)態(tài)面板如何使用

9,點(diǎn)擊輪播點(diǎn)1中繪制三個(gè)【圓形】,并把第一個(gè)圓形填充成點(diǎn)亮的顏色【666666】,具體如圖所示。

axure動(dòng)態(tài)面板如何使用

10,點(diǎn)擊輪播點(diǎn)2中繪制三個(gè)【圓形】,并把第二個(gè)圓形填充成點(diǎn)亮的顏色【666666】,點(diǎn)擊輪播點(diǎn)3中繪制三個(gè)【圓形】,并把第三個(gè)圓形填充成點(diǎn)亮的顏色【666666】,具體如圖所示。

axure動(dòng)態(tài)面板如何使用

11,回到首頁,在右側(cè)交互面板上選擇【載入時(shí)】,回到首頁,勾選【輪播點(diǎn)】動(dòng)態(tài)面板,選擇狀態(tài)【next】勾選【向后循環(huán)】勾選【循環(huán)間隔1000毫秒】,具體如圖所示。

axure動(dòng)態(tài)面板如何使用

到這里,小編為大家分享的axure動(dòng)態(tài)面板如何使用的教程就全部結(jié)束啦,axure動(dòng)態(tài)面板在多頁面切換和控制特定面板/元件進(jìn)行交互方面有著舉足輕重的作用。

推薦應(yīng)用

發(fā)表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: