掌握CGAffineTransform：在二维视图中旋转、缩放、平移变换秘诀

2023-11-25 10:54:14

CGAffineTransform：iOS 图像变换的艺术

平移变换：移动元素

在 iOS 应用程序中，有时我们需要将视图或图层沿水平或垂直方向移动。使用 CGAffineTransform 结构，我们只需一个简单的函数调用即可实现平移变换。translateX() 和 translateY() 方法可以分别沿 x 和 y 轴移动视图。例如，以下代码将视图向右移动 50 个单位：

let transform = CGAffineTransform(translationX: 50, y: 0)
view.transform = transform

缩放变换：调整大小

缩放变换可以改变视图或图层的尺寸，使我们能够放大或缩小元素。CGAffineTransform 提供了三个方法：scale(), scaleX() 和 scaleY()。scale() 同时沿 x 和 y 轴缩放视图，而 scaleX() 和 scaleY() 分别缩放视图的宽度和高度。以下代码将视图缩放两倍：

let transform = CGAffineTransform(scaleX: 2, y: 2)
view.transform = transform

旋转变换：围绕固定点旋转

旋转变换可以围绕一个固定点旋转视图或图层。CGAffineTransform 的 rotate() 方法接收一个以弧度为单位的角度参数，用于逆时针旋转视图。例如，以下代码将视图逆时针旋转 45 度：

let transform = CGAffineTransform(rotationAngle: -.pi / 4)
view.transform = transform

组合变换：同时应用多个变换

CGAffineTransform 的强大之处在于，它允许我们将多个变换组合起来，对视图应用复杂的变形。concatenating() 方法将两个变换合并为一个，让我们可以顺序应用变换。以下代码先旋转视图 45 度，然后将其放大两倍：

let rotationTransform = CGAffineTransform(rotationAngle: -.pi / 4)
let scaleTransform = CGAffineTransform(scaleX: 2, y: 2)
let transform = rotationTransform.concatenating(scaleTransform)
view.transform = transform

结论

CGAffineTransform 是 CoreGraphics 框架中一个必不可少的工具，它为 iOS 开发人员提供了对视图和图层进行各种变换的能力。通过掌握平移、缩放、旋转和组合变换，我们可以创建更具动态性和交互性的用户界面，从而提升用户体验。

常见问题解答

1. 如何获得视图的当前变换？

您可以使用 view.transform 属性获取视图的当前变换。

2. 如何重置视图的变换？

使用 view.transform = .identity 可以重置视图的变换。

3. 如何将变换应用于整个视图层次结构？

使用 view.subviews.forEach({ $0.transform = transform }) 将变换应用于整个视图层次结构。

4. 如何反转变换？

使用 view.transform.inverted() 可以反转变换。

5. 如何在自定义视图中应用变换？