- A+
動態(tài)面板是axure原型制作中使用非常頻繁的一個元件,主要用途就是實現(xiàn)一些動態(tài)的交互效果。所以,如果動態(tài)面板使用不熟悉的話,對axure原型的制作會有很大的影響,那么動態(tài)面板如何使用呢?
1,打開【Axure】軟件,在index文件上新建一個375*667大小的背景矩形并繪制頁面。具體如圖所示。
2,在banner的位置上新建一個【動態(tài)面板】,雙擊動態(tài)面板在其中新建state1,state2,state3,并依次單擊重新命名成banner1,banenr2,banner3。具體如圖所示。
3,在右側(cè)的頁面模塊上雙擊【banner1】進入到banner1的內(nèi)頁中,并新建一個矩形填充【006600】的顏色。具體如圖所示。
4,在右側(cè)的頁面模塊上雙擊【banner2】進入到banner2的內(nèi)頁中,并新建一個矩形填充【CC0000】的顏色。具體如圖所示。
5,在右側(cè)的頁面模塊上雙擊【banner3】進入到banner3的內(nèi)頁中,并新建一個矩形填充【FF9900】的顏色。具體如圖所示。
6,回到首頁,選擇動態(tài)面板給他命一個名字【banner】選擇交互中的【載入時】選擇設(shè)置面板狀態(tài),勾選【banner】動態(tài)面板,選擇狀態(tài)【next】勾選【向后循環(huán)】勾選【循環(huán)間隔1000毫秒】,具體如圖所示。
7,回到首頁,在banner動態(tài)面板上再次新建一個【動態(tài)面板】并重新命名為【輪播點】,具體如圖所示。
8,雙擊【輪播點】動態(tài)面板,新建三個內(nèi)頁【輪播點1,輪播點2,輪播點3】具體如圖所示。
9,點擊輪播點1中繪制三個【圓形】,并把第一個圓形填充成點亮的顏色【666666】,具體如圖所示。
10,點擊輪播點2中繪制三個【圓形】,并把第二個圓形填充成點亮的顏色【666666】,點擊輪播點3中繪制三個【圓形】,并把第三個圓形填充成點亮的顏色【666666】,具體如圖所示。
11,回到首頁,在右側(cè)交互面板上選擇【載入時】,回到首頁,勾選【輪播點】動態(tài)面板,選擇狀態(tài)【next】勾選【向后循環(huán)】勾選【循環(huán)間隔1000毫秒】,具體如圖所示。
到這里,小編為大家分享的axure動態(tài)面板如何使用的教程就全部結(jié)束啦,axure動態(tài)面板在多頁面切換和控制特定面板/元件進行交互方面有著舉足輕重的作用。