轮播

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

轮播的实现原理:假设有4张图片,我们克隆第一张和最后一张分别放在最后和第一张,轮播图移动变化时,如果到达最后一张或第一张,在下次移动之前,立即让整个图跳转回不是克隆的第一张或最后一张;接下来在进行动画。这样看起来整个图的移动是非常连贯的。具体实现办法:
每个图片代表一个位置参数,根据不同图片的位置参数,调整图片的显示隐藏或者动画效果。


Markdown

抽调的函数有:
跳往下一个页面的函数playNext;
跳往上一个页面的函数playPre,
指示器变化的函数Indicator,
自动播放的函数autoPlay,
停止定时器的函数stopAuto。

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

任务代码

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

任务代码

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

推荐阅读更多精彩内容