探索 Swift 中的 CGAffineTransform，揭秘图像变换奥秘

在移动开发中，图像处理和动画效果无处不在。为了实现这些效果，我们往往需要对图像进行各种变换，例如旋转、缩放、平移和倾斜等。在 Swift 中，CGAffineTransform 是实现这些变换的利器。

变换矩阵形式

仿射变换矩阵用于旋转，缩放，平移或倾斜在图形上下文中绘制的对象。该类型提供用于创建，连接和应用仿射变换的功能。

由于第三列始终为[0, 0, 1]，因此仿射变换矩阵可以表示为：

[ a  b  0 ]
[ c  d  0 ]
[ tx ty 1 ]

其中：

• a 和 d 控制缩放。
• b 和 c 控制倾斜。
• tx 和 ty 控制平移。

使用 CGAffineTransform 进行变换

在 Swift 中，可以使用 CGAffineTransform 对图像进行各种变换。

1. 旋转

要旋转图像，可以使用 CGAffineTransform 的 rotate() 方法。该方法接受一个角度参数，表示要旋转的角度（以弧度为单位）。

let angle: CGFloat = .pi / 4
let rotationTransform = CGAffineTransform(rotationAngle: angle)

2. 缩放

要缩放图像，可以使用 CGAffineTransform 的 scale() 方法。该方法接受两个参数，分别表示要缩放的宽度和高度。

let scaleX: CGFloat = 2.0
let scaleY: CGFloat = 1.5
let scaleTransform = CGAffineTransform(scaleX: scaleX, y: scaleY)

3. 平移

要平移图像，可以使用 CGAffineTransform 的 translate() 方法。该方法接受两个参数，分别表示要平移的 x 和 y 坐标。

let tx: CGFloat = 100.0
let ty: CGFloat = 50.0
let translationTransform = CGAffineTransform(translationX: tx, y: ty)

4. 倾斜

要倾斜图像，可以使用 CGAffineTransform 的 shear() 方法。该方法接受两个参数，分别表示要倾斜的 x 和 y 轴的倾斜角度。

let shearX: CGFloat = .pi / 4
let shearY: CGFloat = .pi / 6
let shearTransform = CGAffineTransform(shearX: shearX, y: shearY)

5. 组合变换

CGAffineTransform 支持组合变换，即可以将多个变换组合成一个变换。例如，以下代码将旋转、缩放和平移组合成一个变换：

let rotationTransform = CGAffineTransform(rotationAngle: .pi / 4)
let scaleTransform = CGAffineTransform(scaleX: 2.0, y: 1.5)
let translationTransform = CGAffineTransform(translationX: 100.0, y: 50.0)
let combinedTransform = rotationTransform.concatenating(scaleTransform).concatenating(translationTransform)

应用 CGAffineTransform

要将 CGAffineTransform 应用到图像，可以使用 CGContext 的 concatCTM() 方法。该方法将 CGAffineTransform 与当前的变换矩阵相乘，从而将图像应用到新的变换矩阵。

let context = UIGraphicsGetCurrentContext()!
context.concatCTM(transform)

总结

CGAffineTransform 是 Swift 中进行图像变换的利器，它可以轻松实现图像的旋转、缩放、平移和倾斜等操作。通过组合变换，还可以实现更复杂的效果。掌握 CGAffineTransform 的使用方法，可以让你在移动开发中轻松实现各种图像变换效果。