iOS中Frame和Bounds的那些事，开发者必知！

Frame 与 Bounds：iOS 开发中的视图定位与调整

简介

Frame 和 Bounds 是 iOS 开发中用于定位和调整视图的关键概念。理解这两者之间的区别至关重要，它可以帮助我们创建复杂的视图层次结构并避免常见的布局问题。

什么是 Frame？

Frame 决定了视图在其父视图中的位置和大小。它的原点是视图的左上角，宽度和高度是视图的宽度和高度。

以下是表示 Frame 的属性：

• frame.origin.x：视图的 X 坐标，表示视图相对于父视图左边缘的距离。
• frame.origin.y：视图的 Y 坐标，表示视图相对于父视图顶边缘的距离。
• frame.size.width：视图的宽度。
• frame.size.height：视图的高度。

示例：

// 将视图的 frame 调整为相对于父视图左边缘 50 个像素，相对于父视图顶边缘 100 个像素，宽度为 200 个像素，高度为 300 个像素
view.frame = CGRect(x: 50, y: 100, width: 200, height: 300)

什么是 Bounds？

Bounds 定义了视图的内部坐标系。它的原点是视图的左上角，宽度和高度是视图的宽度和高度。

以下是表示 Bounds 的属性：

• bounds.origin.x：视图的 X 坐标，表示视图相对于自身左边缘的距离。
• bounds.origin.y：视图的 Y 坐标，表示视图相对于自身顶边缘的距离。
• bounds.size.width：视图的宽度。
• bounds.size.height：视图的高度。

示例：

// 将视图内部子视图的 bounds 调整为相对于视图左边缘 20 个像素，相对于视图顶边缘 30 个像素，宽度为 100 个像素，高度为 150 个像素
subview.bounds = CGRect(x: 20, y: 30, width: 100, height: 150)

Frame 与 Bounds 的区别

Frame 和 Bounds 之间的主要区别在于它们调整的对象不同。Frame 调整视图在父视图中的位置和大小，而 Bounds 调整视图内部元素的位置和大小。

另一个区别是它们的原点不同。Frame 的原点是视图的左上角，而 Bounds 的原点是视图内部的左上角。这意味着调整 Frame 时，视图的左上角位置会发生变化，而调整 Bounds 时，视图的左上角位置不会发生变化。

使用场景

Frame 和 Bounds 都可以用于调整视图的位置和大小。但有以下场景更适合使用特定的属性：

• 使用 Frame： 调整视图在父视图中的位置和大小。
• 使用 Bounds： 调整视图内部元素的位置和大小。

结论

理解 Frame 和 Bounds 之间的区别对于在 iOS 开发中有效地定位和调整视图至关重要。通过灵活运用这两个概念，我们可以创建直观且具有响应性的用户界面。

常见问题解答

1. Frame 和 Bounds 在 Auto Layout 中有何区别？

在 Auto Layout 中，Frame 和 Bounds 的作用与手动布局相同。但 Auto Layout 增加了对约束的支持，使我们可以更轻松地创建灵活的视图层次结构。

2. 如何转换 Frame 和 Bounds？

我们可以使用 convertRect() 方法在 Frame 和 Bounds 之间进行转换。

3. Frame 和 Bounds 在动画中的用途是什么？

在动画中，我们可以通过修改 Frame 和 Bounds 来创建平滑的视觉效果，例如视图移动、缩放或旋转。

4. 如何处理旋转时的 Frame 和 Bounds？

旋转会影响 Frame 和 Bounds 的值。我们需要考虑设备方向的变化，并相应调整我们的代码。

5. 如何使用 Frame 和 Bounds 进行碰撞检测？

我们可以使用 Frame 和 Bounds 来检查两个视图是否相交，从而实现碰撞检测。