1、打開【Axure】軟件，在index文件上新建一個375*667大小的背景矩形並繪製頁面。
具體如圖所示。
2、在banner的位置上新建一個【動態面板】，雙擊動態面板在其中新建state1、state2、state3、並依次單擊重新命名成banner1、banenr2、banner3。具體如圖所示。
3、在右側的頁面模塊上雙擊【banner1】進入到banner1的內頁中，並新建一個矩形填充【006600】的顏色。具體如圖所示。
4、在右側的頁面模塊上雙擊【banner2】進入到banner2的內頁中，並新建一個矩形填充【CC0000】的顏色。具體如圖所示。
5、在右側的頁面模塊上雙擊【banner3】進入到banner3的內頁中，並新建一個矩形填充【FF9900】的顏色。具體如圖所示。
6、回到首頁，選擇動態面板給他命一個名字【banner】選擇交互中的【載入時】選擇設置面板狀態，勾選【banner】動態面板，選擇狀態【next】勾選【向後循環】勾選【循環間隔1000毫秒】，具體如圖所示。
7、回到首頁，在banner動態面板上再次新建一個【動態面板】並重新命名為【輪播點】，具體如圖所示。
8、雙擊【輪播點】動態面板，新建三個內頁【輪播點1、輪播點2、輪播點3】具體如圖所示。
9、點擊輪播點1中繪製三個【圓形】，並把第一個圓形填充成點亮的顏色【666666】，具體如圖所示。
10、點擊輪播點2中繪製三個【圓形】，並把第二個圓形填充成點亮的顏色【666666】，點擊輪播點3中繪製三個【圓形】，並把第三個圓形填充成點亮的顏色【666666】，具體如圖所示。
11、回到首頁，在右側交互面板上選擇【載入時】，回到首頁，勾選【輪播點】動態面板，選擇狀態【next】勾選【向後循環】勾選【循環間隔1000毫秒】，具體如圖所示。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/312230.html
微信掃一掃 
支付寶掃一掃 