18.1_将视图代码封装到自定义UIView子类

当然！让我们一起深入探讨如何将视图代码封装到自定义 UIView 子类中，让你的 iOS 18 UIKit 纯代码项目更加清晰、可维护！🚀

为什么要封装视图代码？

封装视图代码到自定义 UIView 子类，就像把复杂的乐高积木组装成一个个独立的模块。这样做的好处多多：

• 代码复用性提高： 你可以在多个地方重复使用这些自定义视图，避免重复编写相同的代码。
• 可维护性增强： 修改一个地方，所有使用该视图的地方都会自动更新，减少了出错的可能性。
• 代码可读性提升： 将复杂的视图逻辑封装在内部，外部代码更加简洁明了。
• 逻辑分离： 将视图的创建和配置逻辑与 ViewController 或 ViewModel 分离开，使代码结构更清晰。

如何创建自定义 UIView 子类？

创建自定义 UIView 子类非常简单，只需几步：

1. 新建文件： 在 Xcode 中，选择 "File" -> "New" -> "File..."，然后选择 "Cocoa Touch Class"。
2. 选择父类： 将 "Subclass of" 设置为 UIView。
3. 编写代码： 在新创建的类中，重写 init(frame:) 和 required init?(coder:) 方法，并在其中添加你的视图代码。

import UIKit

class CustomView: UIView {

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

    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupView()
    }

    private func setupView() {
        // 在这里添加你的视图代码
        backgroundColor = .red
    }
}

在自定义 UIView 子类中添加视图

在 setupView() 方法中，你可以添加各种 UIKit 控件，例如 UILabel、UIImageView、UIButton 等。记得设置这些控件的约束，确保它们在不同屏幕尺寸上都能正确显示。

private func setupView() {
    backgroundColor = .white

    let label = UILabel()
    label.text = "Hello, World!"
    label.textAlignment = .center
    label.translatesAutoresizingMaskIntoConstraints = false // 启用自动布局

    addSubview(label)

    // 设置约束
    NSLayoutConstraint.activate([
        label.centerXAnchor.constraint(equalTo: centerXAnchor),
        label.centerYAnchor.constraint(equalTo: centerYAnchor)
    ])
}

在 ViewController 中使用自定义 UIView

现在，你可以在 ViewController 中使用你创建的自定义 UIView 了！

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let customView = CustomView(frame: CGRect(x: 0, y: 0, width: 200, height: 100))
        customView.center = view.center
        view.addSubview(customView)
    }
}

通过以上步骤，你已经成功地将视图代码封装到了自定义 UIView 子类中。这种方法可以极大地提高代码的可维护性和可读性，让你的 iOS 18 UIKit 纯代码项目更加出色！🎉

记住，良好的代码封装是构建高质量应用的关键一步。继续探索，你会发现更多代码优化的技巧！💪