1、添加一個動態面板，添加上一張、下一張及當前banner對應的序號圓圈，如圖所示：
當添加好元素后，實現自動輪播；點擊【輪播圖面板】頁面；選中動態面板；右邊添加事件編輯欄——屬性——載入時——添加動作，如下圖，選擇 【設置面板狀態】——勾選【輪播圖面板】動態面板——選擇狀態【Next】——勾選【向后循環】——循環時間及進入動畫可以自行設置，然后確定提交即可；預覽，基本的輪播循環就實現了；
2、實現序號圓圈功能
2、1 選擇banner1的圓圈1(可自行填充顏色) ------ 添加事件【等待】——設置等待時間為【1000】毫秒
2、2 選擇banner1的圓圈2——添加事件【設置面板狀態】——勾選【輪播測試圖】動態面板——選擇狀態為對應的【banner2】——進入動畫【向左滑動】時間為【3000】毫秒，退出動畫【向左滑動】時間為【3000】毫秒，然后確定即可；
繼續 添加事件【等待】——設置等待時間為【1000】毫秒；
繼續 添加事件 【設置面板狀態】——勾選【輪播圖面板】動態面板——選擇狀態為【Next】————勾選【向后循環】——循環時間及進入動畫可以自行設置，然后確定提交即可;
2、3 選中banner1圓圈3——添加事件【設置面板狀態】——勾選【輪播測試圖】動態面板——選擇狀態為對應的【banner3】——進入動畫【向左滑動】時間為【3000】毫秒，退出動畫【向左滑動】時間為【3000】毫秒，然后確定即可；
繼續 添加事件【等待】——設置等待時間為【1000】毫秒；
繼續 添加事件 【設置面板狀態】——勾選【輪播測試圖】動態面板——選擇狀態為【Next】————勾選【向后循環】——循環時間及進入動畫可以自行設置，然后確定提交即可;
2、4、動態面板【banner2】、【banner3】里面的按鈕效果時間設置和動態面板【banner1】一樣；但是，對應的在2、3按鈕的“配置動作”設置中，選擇狀態分別為對應的【banner2】、【banner3】
3、上一張和下一張控制
3、1 點擊向左按鈕時，展示前一張圖片。如果當前圖片為第一張輪播圖，則點擊向左，出現第三張輪播圖。
選中【向左】元件，添加【鼠標單擊時】，添加條件，如下：
【設置面板狀態】，選擇狀態【banner3】，設置動畫狀態，如下圖：
循環設置：再次點擊【設置面板狀態】，選擇狀態【NEXT】，設置循環，點擊確定。如下圖：
3、2 如果當前輪播圖不是第一張圖片，則顯示前一張圖片。
選擇【向左】元件，【鼠標單擊事件】添加用例，添加條件，面板狀態不等於輪播圖1時，如下圖：
【設置面板狀態】，勾選【輪播圖面板】，選擇【Previous】狀態，設置動畫。
循環設置：再次點擊【設置面板狀態】，選擇狀態【NEXT】，設置循環，點擊確定。如下圖：
3、3 點擊向右按鈕，出現下一張圖片。如果當前圖片為第三張輪播圖，點擊下一張，出現第一張圖片。
選中【向右】元件，添加【鼠標單擊時】，添加條件，如下：
【設置面板狀態】，選擇狀態【banner1】，設置動畫狀態，如下圖：
循環設置：再次點擊【設置面板狀態】，選擇狀態【NEXT】，設置循環，點擊確定。如下圖：
3、4 如果當前圖片不是第三張輪播圖，點擊向右按鈕，出現下一張圖片。
選擇【向右】元件，【鼠標單擊事件】添加用例，添加條件，面板狀態不等於輪播圖3時，如下圖：
【設置面板狀態】，勾選【輪播圖面板】，選擇【NEXT】狀態，設置動畫，如下圖：
循環設置：再次點擊【設置面板狀態】，選擇狀態【NEXT】，設置循環，點擊確定。如下圖：
到此，完整的banner圖設置就ok了