swift自定义表格控件(UITableView)

下面是关于Swift自定义表格控件（UITableView）的完整攻略：

什么是UITableView

UITableView 是 iOS 开发中经常用到的一个控件，用于展示有序列表数据。它是一个高度可定制化的控件，能够展示表格详细信息，支持多种样式、多种编辑方式和交互。

UITableView的基础使用

UITableView 在 iOS 开发中是非常常用的控件。使用 UITableView 的方法也比较简单，可以分为以下几个步骤：

1. 创建 UITableView 实例

let tableView = UITableView(frame: view.bounds, style: .plain)
tableView.delegate = self
tableView.dataSource = self
view.addSubview(tableView)

1. 实现 UITableViewDataSource 协议

extension ViewController: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return dataSource.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
        cell.textLabel?.text = dataSource[indexPath.row]
        return cell
    }
}

1. 实现 UITableViewDelegate 协议

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 44
    }
}

其中 dequeueReusableCellWithIdentifier 方法是 UITableView 的重用机制，会对超出屏幕的 cell 进行回收再利用，提高性能。

自定义UITableView

对于 UITableView 的样式或功能需求不能完全满足的情况下，我们可以使用自定义的方式来实现 UITableView。实现自定义 UITableView 的方式主要有两种：

1. 继承 UITableView 并覆写相应的方法进行自定义，如继承并覆写其 draw 方法。

2. 使用相关的 UICollectionView 相关来进行自定义 UITableView 的样式。

下面详细说明第一种方法。

继承 UITableView 进行自定义

对于自定义 UITableView，一般可以通过继承 UITableView 并覆写一些相应的方法来进行自定义。常用的自定义方法有下面两种：

1. UITableViewCell 自定义

继承 UITableViewCell，并覆写 init 或 awakeFromNib 方法进行自定义 cell 的 UI 布局：

class CustomCell: UITableViewCell {
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        //进行 cell 的自定义 UI 布局
        contentView.addSubview(titleLabel)
    }
}

1. UITableView 的头部和尾部视图自定义

UITableView 的头部和尾部视图可以通过继承 UITableViewHeaderFooterView，并覆写 init 或 awakeFromNib 方法进行自定义：

class CustomFooterView: UITableViewHeaderFooterView {
    override init(reuseIdentifier: String?) {
        super.init(reuseIdentifier: reuseIdentifier)

        // 进行自定义视图的 UI 布局
    }
}

至此，我们就完成了使用 Swift 自定义 UITableView 的完整攻略。

下面提供两个示例：

1. 自定义 UITableViewCell，控制cell高度和背景色

class CustomCell: UITableViewCell {
    let titleLabel = UILabel()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        contentView.addSubview(titleLabel)

        titleLabel.snp.makeConstraints { (make) in
            make.center.equalToSuperview()
        }
    }

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

    func setupUI(title: String, bgColor: UIColor) {
        titleLabel.text = title
        contentView.backgroundColor = bgColor
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }

    override func setHighlighted(_ highlighted: Bool, animated: Bool) {
        super.setHighlighted(highlighted, animated: animated)
    }

    override func prepareForReuse() {
        super.prepareForReuse()
        titleLabel.text = nil
        contentView.backgroundColor = .white
    }

    static func getHeight() -> CGFloat {
        return 44
    }
}

1. 自定义UITableView的尾部视图展示作者信息

class CustomFooterView: UITableViewHeaderFooterView {
    let authorLabel = UILabel()
    let timeLabel = UILabel()

    override init(reuseIdentifier: String?) {
        super.init(reuseIdentifier: reuseIdentifier)

        contentView.addSubview(authorLabel)
        contentView.addSubview(timeLabel)

        authorLabel.snp.makeConstraints { (make) in
            make.top.equalToSuperview().offset(10)
            make.left.equalToSuperview().offset(15)
        }

        timeLabel.snp.makeConstraints { (make) in
            make.top.equalTo(authorLabel.snp.bottom).offset(10)
            make.left.equalTo(authorLabel)
            make.bottom.equalToSuperview().offset(-10)
        }

        authorLabel.text = "Author: Your Name"
        timeLabel.text = "Date: 2021-01-01"
    }

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