Using View Transforms

There are 3 types of 2 dimensional transforms that you can apply to views: translation, scale, and rotation. You can also use the view transform property to set a 3D perspective transform.

Applying a Scale Transform

To apply a scale transform, create it as below. In this example, the view will scale up by 2 times.

view.transform = CGAffineTransformMakeScale(2, 2)

Applying a Rotation Transform

To apply a rotation transform, create it as below. Since the units are in radians, you will need to convert from degrees. In this example, the view will rotate by 45 degrees. You also need to convert it to be of type CGFloat, which is the original Core Graphics type.

view.transform = CGAffineTransformMakeRotation(CGFloat(45 * M_PI / 180))

Applying a Translation Transform

To apply a translation transform, create it as below. In this example, the view will offset by 50 pixels in both the X and Y axis.

view.transform = CGAffineTransformMakeTranslation(50, 50)

Combining Tranforms

In the examples above, we were applying a single transform to a view. Sometimes, you want to be able to apply multiple transforms simultaneously. Each of the transform methods above has another method that will take an existing transform and additively apply a new transform.

For example, to scale and rotate, you can first scale it, then add the rotation transform (or vice versa)

view.transform = CGAffineTransformMakeScale(2, 2)
view.transform = CGAffineTransformRotate(view.transform, CGFloat(45 * M_PI / 180))