動態面板是axure原型制作中使用非常頻繁的一個元件，主要用途就是實現一些動態的交互效果。所以，如果動態面板使用不熟悉的話，對axure原型的制作會有很大的影響，那么動態面板如何使用呢？

1，打開【Axure】軟件，在index文件上新建一個375*667大小的背景矩形并繪制頁面。具體如圖所示。文章源自四五設計網-http://www.wasochina.com/33081.html

文章源自四五設計網-http://www.wasochina.com/33081.html

2，在banner的位置上新建一個【動態面板】，雙擊動態面板在其中新建state1，state2，state3，并依次單擊重新命名成banner1，banenr2，banner3。具體如圖所示。文章源自四五設計網-http://www.wasochina.com/33081.html

文章源自四五設計網-http://www.wasochina.com/33081.html

3，在右側的頁面模塊上雙擊【banner1】進入到banner1的內頁中，并新建一個矩形填充【006600】的顏色。具體如圖所示。文章源自四五設計網-http://www.wasochina.com/33081.html

文章源自四五設計網-http://www.wasochina.com/33081.html

4，在右側的頁面模塊上雙擊【banner2】進入到banner2的內頁中，并新建一個矩形填充【CC0000】的顏色。具體如圖所示。文章源自四五設計網-http://www.wasochina.com/33081.html

文章源自四五設計網-http://www.wasochina.com/33081.html

5，在右側的頁面模塊上雙擊【banner3】進入到banner3的內頁中，并新建一個矩形填充【FF9900】的顏色。具體如圖所示。文章源自四五設計網-http://www.wasochina.com/33081.html

文章源自四五設計網-http://www.wasochina.com/33081.html

6，回到首頁，選擇動態面板給他命一個名字【banner】選擇交互中的【載入時】選擇設置面板狀態，勾選【banner】動態面板，選擇狀態【next】勾選【向后循環】勾選【循環間隔1000毫秒】，具體如圖所示。

7，回到首頁，在banner動態面板上再次新建一個【動態面板】并重新命名為【輪播點】，具體如圖所示。

8，雙擊【輪播點】動態面板，新建三個內頁【輪播點1，輪播點2，輪播點3】具體如圖所示。

9，點擊輪播點1中繪制三個【圓形】，并把第一個圓形填充成點亮的顏色【666666】，具體如圖所示。

10，點擊輪播點2中繪制三個【圓形】，并把第二個圓形填充成點亮的顏色【666666】，點擊輪播點3中繪制三個【圓形】，并把第三個圓形填充成點亮的顏色【666666】，具體如圖所示。

11，回到首頁，在右側交互面板上選擇【載入時】，回到首頁，勾選【輪播點】動態面板，選擇狀態【next】勾選【向后循環】勾選【循環間隔1000毫秒】，具體如圖所示。

到這里，小編為大家分享的axure動態面板如何使用的教程就全部結束啦，axure動態面板在多頁面切換和控制特定面板/元件進行交互方面有著舉足輕重的作用。