UICollectionViewCell

最新推荐文章于 2020-11-21 21:35:53 发布

阳君

最新推荐文章于 2020-11-21 21:35:53 发布

阅读量460

点赞数

分类专栏： UIKit

本文链接：https://blog.csdn.net/y550918116j/article/details/50389758

版权

UIKit 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

UICollectionViewDataSource

UICollectionViewDelegate

UICollectionViewDelegateFlowLayout

UICollectionViewCell

UICollectionViewLayout

1 UICollectionViewCell

Cell中的View
管理Cell的状态

2 自定义UICollectionViewCell

创建xib
配置xib
类YJCollectionViewCell

3 实战演练

1 UICollectionViewCell

UICollectionViewCell就是UICollectionView显示的一个一个元素，你可以通过它定制各种精美的界面。原始样式很简单，就是常用的View。多数情况在开发中我们会自定义各种各样的通用Cell供其他人使用，这篇博文也会介绍自定义Cell。

1.1 Cell中的View

/// 自定义控件的父View
var contentView: UIView { get }
/// 默认背景
var backgroundView: UIView?
/// 选中时的背景
var selectedBackgroundView: UIView?

1.2 管理Cell的状态

/// 是否选中
var selected: Bool
/// 是否高亮
var highlighted: Bool

2 自定义UICollectionViewCell

我们知道UICollectionViewCell是UICollectionReusableView的子类，而UICollectionReusableView是UICollectionView的Header和Footer。也就意味着自定义UICollectionViewCell的方式也同样适用于自定义Header和Footer。

多数情况下，我们开发过程中自定义UICollectionViewCell，不是在主VC界面直接创建的，而是通过xib或者纯代码创建。这样有利于公用，以及维护。

这里我讲解通过xib自定义UICollectionViewCell，这也是我最喜欢的方式。

//
//  YJCollectionViewCell.swift
//  UI
//
//  CSDN:http://blog.csdn.net/y550918116j
//  GitHub:https://github.com/937447974/Blog
//
//  Created by yangjun on 15/12/12.
//  Copyright © 2015年 阳君. All rights reserved.
//

import UIKit

/// 自定义UICollectionViewCell
class YJCollectionViewCell: UICollectionViewCell {

    /// 显示内容
    @IBOutlet weak var textLabel: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

}

这样就定制了一个通用的UICollectionViewCell。

3 实战演练

为了简单点演示效果，这里我使用YJCollectionViewCellVC，并且继承UICollectionViewController。

//
//  YJCollectionViewCellVC.swift
//  UI
//
//  CSDN:http://blog.csdn.net/y550918116j
//  GitHub:https://github.com/937447974/Blog
//
//  Created by yangjun on 15/12/19.
//  Copyright © 2015年 阳君. All rights reserved.
//

import UIKit

/// 自定义UICollectionViewCell
class YJCollectionViewCellVC: UICollectionViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        let nib = UINib(nibName: "YJCollectionViewCell", bundle: nil)
        self.collectionView?.registerNib(nib, forCellWithReuseIdentifier: "customCell")
    }

    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 100
    }

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("customCell", forIndexPath: indexPath) as! YJCollectionViewCell
        cell.backgroundColor = UIColor.grayColor()
        cell.textLabel.text = "\(indexPath.item)"
        return cell
    }

}