轮播

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

轮播的原理实际上是将所有图片的水平排列,但是视口只有一张图片的宽度,切换图片的时候实际上是包含全部水平图片的大盒子在移动。
如果要实现左右滚动无限循环的效果就需要在图片列表开头和结尾分别添加最后一张图和第一张图。
如果是我会抽象出控制动画的playNext()、playPrev(),还有控制小按钮的setBullet()。

2. 左右滚动无限循环轮播效果

代码

3. 一个渐变轮播效果

代码

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

推荐阅读更多精彩内容