轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
轮播其实就是将几张图片并排放在一条直线上,在直线上预留出一张图片大小的宽高,将这几张图片进行左右的滑动,这样就可以看成一个轮播。
但当我们滑动到最后一张图片的时候,接下来就就要显示第1张图片,那么我们现在最后一张图片后面复制出第一张图片,我们就可以看到第一张图片了(实现滚动效果),设置position 为第一张图片位置,在这个时候,图片其实回到了第一张图片的位置。
我们可以抽象出来的代码有很多,比如playNext()、playPre()
实现视频中的左右滚动无限循环轮播效果
3.gif源码
实现一个渐变轮播效果
4.gif源码
网友评论