輪播的實(shí)現(xiàn)
輪播的實(shí)現(xiàn)原理是怎樣的?如果讓你來實(shí)現(xiàn),你會(huì)抽象出哪些函數(shù)(or接口)供使用解虱?(比如 play())
- 輪播的實(shí)現(xiàn)原理
- 輪播中容器中的圖片橫向水平排列
- 將要輪播的圖片的第一個(gè)圖片和最后一個(gè)圖片分別克隆到 尾部和頭部盆色,當(dāng)圖片輪播到克隆圖片時(shí), 直接立刻跳轉(zhuǎn)到對(duì)應(yīng)的真實(shí)的圖片上
- 圖片滑動(dòng)相對(duì)于父容器移動(dòng)
- 通過 index對(duì)應(yīng)的切換欄的大小與輪播圖片對(duì)應(yīng)的pageIndex 作比較胰耗,決定圖片向左向右滑動(dòng)限次,滑動(dòng)時(shí),輪播跳轉(zhuǎn)(n個(gè)圖片與n個(gè)切換框?qū)?yīng)切換)
- 接口
playNext() //右滑宪郊,圖片偏移切換
playPre() //當(dāng)點(diǎn)擊左滑按鈕時(shí)掂恕,圖片偏移切換