Swift 5 从零开始系列 (一)：告别 main.storyboard

2023-09-30 07:13:04

作为一名经验丰富的 iOS 开发者，我经常面临技术上的挑战和机遇。为了与时俱进，我决定深入研究 Swift 5.0 及其在 UIKit 中的应用。

抛弃 Storyboard，拥抱代码

传统上，iOS 开发人员使用 Interface Builder（以及它的故事板）来构建用户界面。虽然它很方便，但它也带来了限制和灵活性问题。为了获得更大的控制权和灵活性，越来越多的开发者正在转向使用代码来构建他们的用户界面。

揭秘代码式界面

在 Swift 5.0 中，我们可以使用 UIBuilder 来动态构建用户界面。这为我们提供了对视图层次结构的完全控制，并允许我们在运行时创建和修改视图。

首先，我们需要创建一个空白的 Xcode 项目并选择 "Swift UI App" 作为模板。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 构建视图层次结构
        let label = UILabel()
        label.text = "你好，世界！"
        label.textAlignment = .center
        label.frame = CGRect(x: 0, y: 0, width: 200, height: 20)
        label.center = view.center

        // 添加到视图层次结构中
        view.addSubview(label)
    }

}

解锁动态布局

使用代码构建用户界面的另一个好处是它允许我们在运行时动态地修改布局。例如，我们可以根据设备方向或用户交互来调整视图的尺寸和位置。

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()

    // 获取设备方向
    let orientation = UIDevice.current.orientation

    // 根据方向调整布局
    if orientation == .portrait {
        // 竖屏布局
    } else if orientation == .landscape {
        // 横屏布局
    }
}

掌握自定义视图

通过代码构建用户界面还为我们提供了创建自定义视图的可能性。这使我们能够重用代码并创建可维护、可扩展的组件。

class CustomView: UIView {

    // 自定义视图的初始化方法
    override init(frame: CGRect) {
        super.init(frame: frame)

        // 自定义视图的初始化代码
    }

    // 绘制自定义视图
    override func draw(_ rect: CGRect) {
        // 绘图代码
    }

}