iOS 自定义框架之TableView无数据/CollectionView无数据视图

前言

在iOS开发中，当遇到TableView和CollectionView无数据的情况时，通常需要显示无数据视图，例如一张图片或一段文字，以提示用户当前没有数据。然而，手动编写无数据视图代码不仅繁琐，而且容易出错。为了简化这一过程，我们可以自定义一个iOS框架，以便在需要时快速创建和显示无数据视图。

步骤1：创建iOS框架

1. 打开Xcode，点击“文件”>“新建”>“项目”。
2. 选择“iOS框架”模板，并填写项目名称和组织标识符。
3. 点击“下一步”，选择语言和设备，然后点击“创建”。

步骤2：定义无数据视图协议

1. 在框架项目中，创建一个新的Swift文件，并命名为“EmptyViewProtocol.swift”。
2. 在该文件中，定义一个协议，例如：

protocol EmptyViewProtocol: class {
    func set(message: String)
    func show()
    func hide()
}

该协议定义了无数据视图应具备的功能，包括设置消息内容、显示和隐藏视图。

步骤3：创建无数据视图类

1. 在框架项目中，创建一个新的Swift文件，并命名为“EmptyView.swift”。
2. 在该文件中，创建一个类，例如：

class EmptyView: UIView, EmptyViewProtocol {

    private let messageLabel: UILabel = {
        let label = UILabel()
        label.textAlignment = .center
        label.numberOfLines = 0
        label.font = UIFont.systemFont(ofSize: 16)
        label.textColor = UIColor.gray
        return label
    }()

    init() {
        super.init(frame: .zero)
        setupViews()
    }

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

    private func setupViews() {
        addSubview(messageLabel)
        messageLabel.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            messageLabel.topAnchor.constraint(equalTo: topAnchor, constant: 10),
            messageLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 10),
            messageLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -10),
            messageLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -10)
        ])
    }

    func set(message: String) {
        messageLabel.text = message
    }

    func show() {
        isHidden = false
    }

    func hide() {
        isHidden = true
    }
}

该类实现了EmptyViewProtocol协议，并定义了无数据视图的具体实现，包括消息标签的创建和布局、显示和隐藏视图等。

步骤4：使用无数据视图框架

1. 在需要使用无数据视图的项目中，导入框架。
2. 在项目中创建无数据视图的实例，并设置消息内容。
3. 将无数据视图添加到需要显示的视图中。
4. 调用无数据视图的show()方法显示视图，或调用hide()方法隐藏视图。

示例代码

import CustomEmptyView

let emptyView = EmptyView()
emptyView.set(message: "暂无数据")
tableView.backgroundView = emptyView

if items.isEmpty {
    emptyView.show()
} else {
    emptyView.hide()
}

结束语

通过自定义iOS框架，我们可以简化无数据视图的开发，并使代码更易于维护和复用。希望本文对您有所帮助，如果您有任何问题或建议，欢迎在评论区留言。