How to scale, stretch, move, and rotate UIViews using CGAffineTransform
Swift version: 5.6
Every UIView subclass has a transform property that lets you manipulate its size, position and rotation using something called an affine transform. This property is animatable, which means you can make a view smoothly double in size, or make it spin around, just by changing one value.
Here are some examples to get you started:
imageView.transform = CGAffineTransform(scaleX: 2, y: 2)
imageView.transform = CGAffineTransform(translationX: -256, y: -256)
imageView.transform = CGAffineTransform(rotationAngle: CGFloat.pi)
imageView.transform = CGAffineTransform.identityThe first one makes an image view double in size, the second one makes it move up and left 256 points, the third one makes it spin around 180 degrees (the values are expressed in radians), and the fourth one sets the image view's transform back to "identity" – this means "reset."
BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 2.0 – see Hacking with Swift tutorial 15
Similar solutions…
- How to find the scale from a CGAffineTransform
- SwiftUI tips and tricks
- All SwiftUI property wrappers explained and compared
- How to rotate a view in 3D
- How to rotate a view
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
