轮播

作者: Tuuu | 来源:发表于2018-01-20 13:31 被阅读0次

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

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


      轮播.png

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

    • 函数接口
    autoplay()  // 自动播放
    
    playNext()  // 切换下一张
    playPrepend()  // 切换上一张
    
    setBullet()  // 底部导航按钮
    

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

    点击查看

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

    点击查看

    相关文章

      网友评论

          本文标题:轮播

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