轮播

轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())

  • 原理(左右轮播图为例)


    轮播.png

在滑动的时候整个轮播容器整体前进或者后退一格,头尾多出的两张图片我称之为占位图,当可视区从粉色图三再往后滑动时会滑到占位图上时,这个时候给用户的感觉是无缝从最后一张图滑动到第一张图,这时再切换到正常的图一,由于是瞬间变换,用户感觉不到,向左滑动也是如此,。

  • 函数接口
autoplay()  // 自动播放

playNext()  // 切换下一张
playPrepend()  // 切换上一张

setBullet()  // 底部导航按钮

实现左右滚动无限循环轮播效果

点击查看

实现一个渐变轮播效果, 效果范例

点击查看

推荐阅读更多精彩内容