iOScollectionView广告无限滚动实例(Swift实现)

更新时间：2016年11月18日 08:50:43 作者：木子沉雨

本篇文章主要介绍了iOScollectionView广告无限滚动实例，可以实现广告无限滚动，有兴趣的可以了解一下。

今天公司里的实习生跑过来问我一般App上广告的无限滚动是怎么实现的,刚好很久没写博客了,就决定写下了,尽量帮助那些处于刚学iOS的程序猿.

做一个小demo,大概实现效果如下图所示:

基本实现思路:

1. 在你需要放置无限滚动展示数据的地方把他的数据,在原本的基础上把你要展示的数据扩大三倍.(当然扩大两倍也是可以的,三倍的话,比较好演示)

  // MARK: - 设置数据源
  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
//    print(self.arrayM.count)
    return self.arrayM.count * 3
  }

2.当在定时器的作用下,或者在拖动情况存下滚动到第八个时候,设置此时的collectionView.contentOffset.x等于滚动到第三个cell的contentOffset.x

if collectionView.contentOffset.x == CGFloat(3 * self.arrayM.count - 1) * self.collectionView.bounds.width {
      self.collectionView.contentOffset.x = CGFloat(self.arrayM.count - 1) * self.collectionView.bounds.width
    }

3.当拖动到第0个cell时,设置此时的collectionView.contentOffset.x等于第六个cell的contentOffset.x

if collectionView.contentOffset.x == 0 {
      self.collectionView.contentOffset.x = CGFloat(2 * self.arrayM.count - 1) * self.collectionView.bounds.width
      
    }

代码如下:

我在代码中用到5张照片,所以应该一共有15个cell

import UIKit

class ViewController: UIViewController ,UICollectionViewDataSource, UICollectionViewDelegate {

  @IBOutlet weak var collectionView: UICollectionView!
  var timer : Timer?
  var arrayM : [BOModel] = [] {
    didSet {
      self.collectionView.reloadData()
    }
  }
  static let CellID = "cell"
  override func viewDidLoad() {
    super.viewDidLoad()
    
    self.collectionView.dataSource = self
    self.collectionView.delegate = self

    // 加载数据
    loadData()
    self.collectionView.register(UINib.init(nibName: "BOCollectionViewCell", bundle: nil), forCellWithReuseIdentifier: ViewController.CellID)
    
    //设置collextionView
    setupCollectionView()
    
    // 开启定时器
    starTimer()
    
  }

  /// 从polist中加载数据
  func loadData() {
    let stemp: NSArray = NSArray(contentsOfFile: Bundle.main.path(forResource: "shops.plist", ofType: nil)!)!
    
    for dict in stemp {
      let model = BOModel.init(dict: dict as! [String : Any])
      
      self.arrayM.append(model)
    }
  }
  /// 设置cellection的布局方式
  ///
  /// - Returns: 一个布局类型
  func setupCollectionFlowlayout() -> (UICollectionViewFlowLayout) {
    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.itemSize = self.collectionView.bounds.size
    flowLayout.minimumLineSpacing = 0
    flowLayout.minimumInteritemSpacing = 0
    flowLayout.scrollDirection = .horizontal
    flowLayout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 0)
    return flowLayout
  }
  
  /// 设置collectionVIew
  func setupCollectionView() -> () {
    
    self.collectionView.collectionViewLayout = self.setupCollectionFlowlayout()
    self.collectionView.showsVerticalScrollIndicator = false
    self.collectionView.showsHorizontalScrollIndicator = false
    self.collectionView.isPagingEnabled = true
    
  }
  
  // MARK: - 设置数据源
  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
//    print(self.arrayM.count)
    return self.arrayM.count * 3
  }
  
  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = self.collectionView.dequeueReusableCell(withReuseIdentifier: ViewController.CellID, for: indexPath) as! BOCollectionViewCell
    
    cell.model = self.arrayM[indexPath.row % self.arrayM.count]
    return cell
  }
  
  // MARK: - 实现代理方法
  func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
    //contentOffset.x == 0 时,重新设置contentOffset.x的值
    if collectionView.contentOffset.x == 0 {
      self.collectionView.contentOffset.x = CGFloat(2 * self.arrayM.count - 1) * self.collectionView.bounds.width
      
    }
    //当到达最后一个cell时,重新设置contentOffset.x的值
    if collectionView.contentOffset.x == CGFloat(3 * self.arrayM.count - 1) * self.collectionView.bounds.width {
      self.collectionView.contentOffset.x = CGFloat(self.arrayM.count - 1) * self.collectionView.bounds.width
    }
    
  }
  
  
  /// 开启定时器
  func starTimer () {
    let timer = Timer.init(timeInterval: 1, target: self, selector: #selector(ViewController.nextPage), userInfo: nil, repeats: true)
    // 这一句代码涉及到runloop 和 主线程的知识,则在界面上不能执行其他的UI操作
    RunLoop.main.add(timer, forMode: RunLoopMode.commonModes)
    
    self.timer = timer
    
  }
  
  /// 在1秒后,自动跳转到下一页
  func nextPage() {
    // 如果到达最后一个,则变成第四个
    if collectionView.contentOffset.x == CGFloat(3 * self.arrayM.count - 1) * self.collectionView.bounds.width {
      self.collectionView.contentOffset.x = CGFloat(self.arrayM.count - 1) * self.collectionView.bounds.width
    }else {
      // 每过一秒,contentOffset.x增加一个cell的宽度
      self.collectionView.contentOffset.x += self.collectionView.bounds.size.width
    }

}
  
  
  /// 当collectionView开始拖动的时候,取消定时器
  func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
    self.timer?.invalidate()
    self.timer = nil
  }
  
  /// 当用户停止拖动的时候,开启定时器
  func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
    starTimer()
  }
}

plist文件如下图所示:

用到的字典转模型因为比较简单的转换,就自己写了个:

import UIKit

class BOCollectionViewCell: UICollectionViewCell {

  @IBOutlet weak var imageView: UIImageView!
  var model : BOModel? {
    didSet {
      guard let image = UIImage.init(named: (model?.name)!) else {
        return
      }
      
      
      self.imageView.image = image
    }
  }
  override func awakeFromNib() {
    super.awakeFromNib()
 
  }

}

自定义collectionViewCell类中的内容:

import UIKit

class BOCollectionViewCell: UICollectionViewCell {

  @IBOutlet weak var imageView: UIImageView!
  var model : BOModel? {
    didSet {
      guard let image = UIImage.init(named: (model?.name)!) else {
        return
      }
      
      
      self.imageView.image = image
    }
  }
  override func awakeFromNib() {
    super.awakeFromNib()
 
  }

}

附: 其实这种方法比较实现无限滚动,利用了一点小技巧,用电脑测试的时候可能有一点缺陷.

原文链接：http://www.cnblogs.com/muzichenyu/p/6071757.html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

解决iOS13 无法获取WiFi名称（SSID）问题
这篇文章主要介绍了解决iOS13 无法获取WiFi名称（SSID）问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-09-09
iOS自动生成表格效果的实现代码
这篇文章主要为大家详细介绍了iOS自动生成表格效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
iOS自动移除KVO观察者的实现方法
在 Apple 的应用开发里 KVO 提供了一个途径，使对象（观察者）能够观察其他对象（被观察者）的属性，当被观察者的属性发生变化时，观察者就会被告知该变化。下面这篇文章主要给大家介绍了关于iOS如何自动移除KVO观察者的实现方法，需要的朋友可以参考下。
2017-12-12
iOS WKWebView无法处理URL Scheme和App Store链接的问题解决
这篇文章主要给大家介绍了关于iOS WKWebView无法处理URL Scheme和App Store链接的问题解决的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2018-03-03
IOS 仿支付宝支付屏幕亮度变化机制
这篇文章主要介绍了IOS 仿支付宝支付屏幕亮度变化机制的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-01-01
iOS App设计模式开发中策略模式的实现示例
这篇文章主要介绍了iOS App设计模式开发中策略模式的实现示例,例子采用传统的Objective-C语言编写,需要的朋友可以参考下
2016-03-03
iOS开发之路--微博“更多”页面
本文是IOS开发之路系列文章第五篇，主要讲诉了，如何制作微博的更多页面，并附上效果图及源码，需要的朋友可以参考下，希望能有所帮助
2014-08-08
iOS应用开发中使UITextField实现placeholder属性的方法
这篇文章主要介绍了iOS应用开发中使UITextField实现placeholder属性的方法,示例代码为传统的Objective-C语言,需要的朋友可以参考下
2016-04-04
iOS开发验证判断语句之正则表达式小结
最近在公司接手重构一个项目，发现之前的开发在验证格式这块写的太乱了，到处都有相关的验证代码，所以就有了这篇文章，供自己收藏也分享给有需要的朋友们参考借鉴，下面跟着小编来一起学习学习吧。
2016-12-12
IOS App 无代码入侵的方法hook详细介绍
这篇文章主要介绍了IOS App 无代码入侵的方法hook详细介绍的相关资料,需要的朋友可以参考下
2016-12-12

iOScollectionView广告无限滚动实例(Swift实现)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具