根据不同尺寸类别（Size_Classes）切换约束

尺寸类别简介 📱

尺寸类别（Size Classes）是 iOS 中用于响应式布局的关键概念。它们允许你根据设备的屏幕尺寸和方向，为你的应用提供不同的布局。你可以针对不同的尺寸类别定义不同的约束，从而使你的应用在各种设备上都能呈现最佳的用户体验。尺寸类别分为水平和垂直两个维度，每个维度都有三种可能的值：Compact（紧凑）、Regular（常规）和 Any（任意）。

• Compact: 通常用于较小的屏幕，例如 iPhone 在纵向模式下。
• Regular: 通常用于较大的屏幕，例如 iPad 或 iPhone 在横向模式下。
• Any: 表示适用于任何尺寸类别。

如何使用尺寸类别切换约束 🤔

要根据不同的尺寸类别切换约束，你需要使用 UI Trait Collections。UI Trait Collections 描述了应用运行时的环境特征，包括尺寸类别。你可以通过重写 traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) 方法来监听尺寸类别的变化，并相应地更新约束。

override func traitCollectionDidChange(_ previousTraitCollection: UITraitCollection?) {
    super.traitCollectionDidChange(previousTraitCollection)

    if traitCollection.horizontalSizeClass == .compact {
        // 应用于紧凑型水平尺寸类别的约束
        activateCompactConstraints()
        deactivateRegularConstraints()
    } else {
        // 应用于常规水平尺寸类别的约束
        activateRegularConstraints()
        deactivateCompactConstraints()
    }
}

激活和停用约束 ⚙️

在 traitCollectionDidChange 方法中，你需要激活和停用不同的约束集合。你可以使用 NSLayoutConstraint.activate(_:) 和 NSLayoutConstraint.deactivate(_:) 方法来实现这一点。首先，将你的约束分组到不同的数组中，例如 compactConstraints 和 regularConstraints。然后，根据当前的尺寸类别，激活相应的约束数组，并停用其他的约束数组。

private func activateCompactConstraints() {
    NSLayoutConstraint.activate(compactConstraints)
}

private func deactivateCompactConstraints() {
    NSLayoutConstraint.deactivate(compactConstraints)
}

private func activateRegularConstraints() {
    NSLayoutConstraint.activate(regularConstraints)
}

private func deactivateRegularConstraints() {
    NSLayoutConstraint.deactivate(regularConstraints)
}

示例：根据尺寸类别调整按钮位置 💡

假设你想要根据设备的屏幕尺寸，调整按钮的位置。在较小的屏幕上，你希望按钮位于屏幕的底部中心，而在较大的屏幕上，你希望按钮位于屏幕的右上角。你可以通过以下步骤来实现：

1. 创建两个约束数组：compactConstraints 和 regularConstraints。
2. 在 compactConstraints 中，添加将按钮底部约束到视图底部的约束，以及将按钮水平中心约束到视图水平中心的约束。
3. 在 regularConstraints 中，添加将按钮顶部约束到视图顶部的约束，以及将按钮右侧约束到视图右侧的约束。
4. 在 traitCollectionDidChange 方法中，根据当前的尺寸类别，激活相应的约束数组，并停用其他的约束数组。

var compactConstraints: [NSLayoutConstraint] = []
var regularConstraints: [NSLayoutConstraint] = []

func setupConstraints() {
    // 创建按钮
    let button = UIButton()
    button.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(button)

    // Compact Constraints
    compactConstraints = [
        button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20),
        button.centerXAnchor.constraint(equalTo: view.centerXAnchor)
    ]

    // Regular Constraints
    regularConstraints = [
        button.topAnchor.constraint(equalTo: view.topAnchor, constant: 20),
        button.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20)
    ]

    // 初始激活约束
    if traitCollection.horizontalSizeClass == .compact {
        activateCompactConstraints()
    } else {
        activateRegularConstraints()
    }
}

总结 🎉

通过使用尺寸类别，你可以创建能够适应不同屏幕尺寸和方向的灵活布局。记住，要充分利用 UI Trait Collections 和约束的激活/停用机制，以便根据不同的尺寸类别动态地调整你的 UI。这能确保你的应用在所有设备上都提供最佳的用户体验。 🚀