5.4_重写`layoutSubviews`进行动态布局

在 iOS 开发中，layoutSubviews 是一个至关重要的函数，它允许你精确控制自定义视图内部子视图的布局。当你需要根据视图的尺寸变化、屏幕方向改变或其他因素动态调整子视图的位置和大小的时候，重写 layoutSubviews 就显得尤为重要。你可以把它想象成一个舞台总监，负责安排所有演员（子视图）在舞台上的位置。

为什么需要 `layoutSubviews`？

UIKit 框架会自动管理视图的布局，但有时默认的行为无法满足你的需求。例如，你可能希望：

子视图的尺寸与父视图的尺寸成比例。
子视图的位置根据屏幕方向进行调整。
根据不同的数据内容动态调整子视图的布局。

layoutSubviews 让你能够完全掌控这些布局细节，实现高度定制化的用户界面。想象一下，你需要创建一个可以根据屏幕宽度自动调整按钮大小的自定义视图，layoutSubviews 就是你的秘密武器！ 🚀

何时调用 `layoutSubviews`？

系统会在以下情况下自动调用 layoutSubviews：

视图的 frame 发生改变时。
通过 addSubview: 方法添加子视图时。
滚动 UIScrollView 时。
显式调用 setNeedsLayout 或 layoutIfNeeded 方法时。

理解这些触发条件非常重要，因为它可以帮助你更好地控制布局更新的时机。记住，频繁的布局计算可能会影响性能，所以要尽量避免不必要的调用。

如何重写 `layoutSubviews`？

重写 layoutSubviews 非常简单。你只需要在你的自定义 UIView 子类中添加以下代码：

swift

override func layoutSubviews() {
    super.layoutSubviews()

    // 在这里编写你的布局代码
}

务必调用 super.layoutSubviews()，以确保父类的布局逻辑得到执行。然后，你就可以在注释的位置编写你的自定义布局代码了。

动态布局的示例

假设你有一个自定义视图，其中包含一个标签和一个按钮。你希望标签占据视图宽度的 70%，按钮占据剩余的 30%。你可以这样实现：

swift

override func layoutSubviews() {
    super.layoutSubviews()

    let labelWidth = bounds.width * 0.7
    let buttonWidth = bounds.width * 0.3

    label.frame = CGRect(x: 0, y: 0, width: labelWidth, height: bounds.height)
    button.frame = CGRect(x: labelWidth, y: 0, width: buttonWidth, height: bounds.height)
}

这段代码首先计算标签和按钮的宽度，然后使用 CGRect 结构体设置它们的位置和大小。这样，无论视图的尺寸如何变化，标签和按钮都会保持正确的比例。 🎉

使用 Auto Layout 与 `layoutSubviews`

虽然 layoutSubviews 提供了强大的布局控制能力，但它也需要你手动计算每个子视图的位置和大小。如果你的布局非常复杂，或者需要支持不同的屏幕尺寸和方向，使用 Auto Layout 可能会更加方便。

你可以结合 Auto Layout 和 layoutSubviews 来实现更灵活的布局。例如，你可以使用 Auto Layout 来定义子视图之间的约束关系，然后在 layoutSubviews 中调整这些约束的常量值，从而实现动态布局。这种方法可以让你充分利用 Auto Layout 的优势，同时又能够灵活地控制布局的细节。 📊

性能优化

layoutSubviews 的性能至关重要，因为它可能会被频繁调用。为了优化性能，你可以采取以下措施：

避免不必要的布局计算：只在必要的时候更新布局。
缓存计算结果：如果某些计算结果不会频繁变化，可以将其缓存起来，避免重复计算。
使用矢量图形：矢量图形可以无损缩放，避免在布局过程中进行图像缩放操作。

记住，性能优化是一个持续的过程。你应该使用 Instruments 等工具来分析你的代码，找出性能瓶颈，并采取相应的优化措施。 🏆

通过掌握 layoutSubviews 的使用方法，你将能够创建出更加灵活、美观和高性能的自定义视图。祝你编码愉快！ 🎈

5.4_重写layoutSubviews进行动态布局 ​

为什么需要 layoutSubviews？ ​

何时调用 layoutSubviews？ ​

如何重写 layoutSubviews？ ​

动态布局的示例 ​

使用 Auto Layout 与 layoutSubviews ​

性能优化 ​