美文网首页iOS开发知识小集iOS开发笔记
iOS 图片轮播器无限滚动的实现

iOS 图片轮播器无限滚动的实现

作者: Charlin丶 | 来源:发表于2019-03-20 20:44 被阅读91次

    我们都知道,实现图片轮播器最主要的功能就是如何让图片能够无限轮播,本篇文章就重点讨论一下无限轮播的思路,弱化其他方面的讨论,有兴趣的小伙伴也可以下载 demo 参考一下。

    在这里我会以思路和代码来重点讨论两个方面:

    1、如何让图片轮播器一创建时便可以左滑?

    2、如何实现图片的无限轮播?

    无限轮播效果

    1、如何让图片轮播器一创建时便可以左滑?

    假设我们需要播放的数组里有3张图片,那么我们可以增加 cell 的个数,也就是放大数组,让 collectionView 有 3 * x 个 cell,然后在轮播器创建的时候,去滚动 collectionView 到第二组图片的位置。

    比如,我原array = 3,collectionView 中 cell 的个数我们可以为 array.count * x,然后让 collectionView 滚动到 array.count的位置,也就是第二组的第一张图片处。

    1

    2、如何实现图片的无限轮播?

    我们有了第一个问题的放大数组的思路后,第二个问题的思路也就出来了,也就是当我的 collectionView 滑动到第一张图片时,我将 collectionView 滚动到最后一组图片的第一张。当 collectionView 滑动到最后一张时,我将 collectionView 滚动到第一组图片的最后一张。

    2

    在这里我认为最重要的不是代码怎么写,而是思路,当我们有了思路之后,代码自然而然也就写出来了。有需要的小伙伴可以下载一下 Demo 查看 CLLoopImgView,如果对您有帮助,不妨点击个喜欢和 Star,谢谢。

    相关文章

      网友评论

        本文标题:iOS 图片轮播器无限滚动的实现

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