轮播

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

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


    轮播.png

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

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

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

setBullet()  // 底部导航按钮

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

点击查看

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

点击查看

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容