轮播

作者: 饥人谷_全 | 来源:发表于2017-02-19 23:02 被阅读0次

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

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

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

    3.gif
    源码

    实现一个渐变轮播效果

    4.gif
    源码

    相关文章

      网友评论

          本文标题:轮播

          本文链接:https://www.haomeiwen.com/subject/hjcswttx.html