5.5 实现自定义UITableViewCell

想要让你的UITableView与众不同吗？自定义UITableViewCell是关键！它允许你完全掌控Cell的布局和内容，打造独一无二的用户体验。让我们一起深入了解如何实现吧！

准备工作：继承UITableViewCell

首先，你需要创建一个新的类，并让它继承自UITableViewCell。这个类将是你自定义Cell的基础。你可以使用Xcode的模板来快速创建，选择Cocoa Touch Class，然后选择UITableViewCell作为父类。 确保你的类名具有描述性，例如MyCustomCell。

import UIKit

class MyCustomCell: UITableViewCell {

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        // 在这里添加你的自定义视图和布局
    }

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

添加自定义视图 🖼️

现在，是时候添加你自己的视图了！你可以在Cell中添加UILabel、UIImageView、UIButton等等，来展示你想要的信息。记得使用Auto Layout或者Frame来设置这些视图的位置和大小，确保它们在不同的屏幕尺寸上都能正确显示。

• UILabel: 用于显示文本信息。
• UIImageView: 用于显示图片。
• UIButton: 用于添加交互功能。

例如，你可以添加一个UILabel来显示标题，一个UIImageView来显示图片：

let titleLabel: UILabel = {
    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    label.font = UIFont.boldSystemFont(ofSize: 16)
    return label
}()

let iconImageView: UIImageView = {
    let imageView = UIImageView()
    imageView.translatesAutoresizingMaskIntoConstraints = false
    imageView.contentMode = .scaleAspectFit
    return imageView
}()

布局你的视图 📐

使用Auto Layout来约束你的视图，确保它们在Cell中正确显示。你可以使用NSLayoutConstraint或者Visual Format Language (VFL)来创建约束。 确保你的约束能够适应不同的屏幕尺寸和内容长度。

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

    contentView.addSubview(titleLabel)
    contentView.addSubview(iconImageView)

    // 设置约束
    NSLayoutConstraint.activate([
        iconImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10),
        iconImageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10),
        iconImageView.widthAnchor.constraint(equalToConstant: 30),
        iconImageView.heightAnchor.constraint(equalToConstant: 30),

        titleLabel.leadingAnchor.constraint(equalTo: iconImageView.trailingAnchor, constant: 10),
        titleLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 10),
        titleLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10),
        titleLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -10)
    ])
}

注册和使用你的自定义Cell 📝

在你的UITableView中注册你的自定义Cell。在viewDidLoad方法中，使用register(_:forCellReuseIdentifier:)方法来注册你的Cell。

tableView.register(MyCustomCell.self, forCellReuseIdentifier: "MyCustomCell")

在cellForRowAt方法中，dequeue你的自定义Cell，并配置它的内容。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "MyCustomCell", for: indexPath) as! MyCustomCell
    cell.titleLabel.text = "这是一个自定义Cell"
    cell.iconImageView.image = UIImage(named: "icon")
    return cell
}

优化你的Cell 🚀

为了提高性能，尽量避免在cellForRowAt方法中进行复杂的计算和视图创建。你可以使用Cell的prepareForReuse()方法来重置Cell的状态，以便下次重用时不会出现问题。 确保你的Cell能够高效地显示内容，并提供流畅的用户体验。

通过以上步骤，你就可以成功实现自定义UITableViewCell了！🎉 现在，你可以尽情发挥你的创意，打造出独一无二的Cell，让你的UITableView更加精彩！