轮播

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

轮播其实就是将几张图片并排放在一条直线上,在直线上预留出一张图片大小的宽高,将这几张图片进行左右的滑动,这样就可以看成一个轮播。
但当我们滑动到最后一张图片的时候,接下来就就要显示第1张图片,那么我们现在最后一张图片后面复制出第一张图片,我们就可以看到第一张图片了(实现滚动效果),设置position 为第一张图片位置,在这个时候,图片其实回到了第一张图片的位置。
我们可以抽象出来的代码有很多,比如playNext()、playPre()

实现视频中的左右滚动无限循环轮播效果

3.gif

源码

实现一个渐变轮播效果

4.gif

源码

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

推荐阅读更多精彩内容