嘿,大家好高职,今天教大家如何在Axure中實現(xiàn)輪播圖的效果,廢話不多說朵锣,直接進入正題捞高。
首先建立一個動態(tài)面板氯材,如果有5個圖片的話則建立5個狀態(tài)渣锦,每個狀態(tài)插入一張圖片:
然后在動態(tài)面板下放置5個圓點并將其組合起來,再將動態(tài)面板與之再組合起來:
在首頁添加事件實現(xiàn)頁面一加載完就自動輪播的效果:
然后在banner組合上添加事件氢哮,實現(xiàn)鼠標(biāo)移入時暫停袋毙,移出時繼續(xù)輪播的效果:
給每一個圓點添加點擊時填充黑色的交互事件,同時默認(rèn)第一個被點擊冗尤。
為了實現(xiàn)點擊圓點切換對應(yīng)的圖片的效果听盖,需要給每一個圓點添加點擊事件:
對應(yīng)的圓點為true,其他為false裂七。同時選中對應(yīng)的圖片
但是僅僅這樣還不夠皆看,如果圖片自動輪播的話,對應(yīng)的圓點不會被填充背零,那我們該如何實現(xiàn)呢?需要給動態(tài)面板添加事件:
同理腰吟,依次改變。
這樣就可以實現(xiàn)啦捉兴!是不是很簡單蝎困,還不快動手試試!倍啥!