快捷導航

Swift使用CollectionView實現(xiàn)廣告欄滑動效果

更新時間：2019年06月22日 15:29:37 作者：Stevin的技術(shù)博客

這篇文章主要為大家詳細介紹了Swift使用CollectionView實現(xiàn)廣告欄滑動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了Swift實現(xiàn)廣告欄滑動效果的具體代碼，供大家參考，具體內(nèi)容如下

創(chuàng)建一個類:PlayCollectionViewController.swift

//cell重用標識
private let reuseIdentifier = "reuseIdentifier"
class PlayCollectionViewController: UICollectionViewController {

 //頁面?zhèn)€數(shù)
 private let pageCount = 6
 //布局對象(自定義布局)
 private var layout: UICollectionViewFlowLayout = PlayLayout()

 init() {
  super.init(collectionViewLayout: layout)
 }

 required init?(coder aDecoder: NSCoder) {
  fatalError("init(coder:) has not been implemented")
 }

 override func viewDidLoad() {
  super.viewDidLoad()

  //注冊cell
  collectionView?.registerClass(NewfearureCell.self, forCellWithReuseIdentifier: reuseIdentifier)
 }

 //MARK: - UICollectionDataSource
 override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
  return pageCount
 }

 override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

  let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! NewfearureCell
  cell.imageIndex = indexPath.item
  return cell
 }
}

自定義CollectionView的cell

//MARK: - 在這里我們依然在(PlayCollectionViewController.swift的文件中)自定義collectionViewCell
class NewfearureCell: UICollectionViewCell {

 //保存圖片索引
 private var imageIndex:Int? {
  didSet {
   //根據(jù)頁碼創(chuàng)建圖片名字(需要每張圖片的名稱只有最有最有一個數(shù)不同)
   iconView.image = UIImage(named: "image_\(imageIndex!)")
  }
 }

 override init(frame: CGRect) {
  super.init(frame: frame)

  //初始化UI
  setupUI()
 }
 required init?(coder aDecoder: NSCoder) {
  fatalError("init(coder:) has not been implemented")
 }

 private func setupUI() {

  //添加子控件到contentView
  contentView.addSubview(iconView)
  //布局子控件位置(填充屏幕)
  iconView.xmg_Fill(contentView)
 }

 //MARK: 懶加載
 private lazy var iconView = UIImageView()
}

繼承UICollectionViewFlowLayout,自定義布局

private class PlayLayout: UICollectionViewFlowLayout {

 //重寫系統(tǒng)準備布局的方法
 override func prepareLayout() {

  //設(shè)置layout布局
  itemSize = UIScreen.mainScreen().bounds.size
  minimumInteritemSpacing = 0
  minimumLineSpacing = 0
  scrollDirection = UICollectionViewScrollDirection.Horizontal

  //設(shè)置其他屬性
  collectionView?.showsHorizontalScrollIndicator = false
  collectionView?.bounces = false
  collectionView?.pagingEnabled = true
 }
}

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: