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."
SPONSORED From March 20th to 26th, you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer!
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…
- SwiftUI tips and tricks
- All SwiftUI property wrappers explained and compared
- How to create live playgrounds in Xcode
- How to create a random terrain tile map using SKTileMapNode and GKPerlinNoiseSource
- How to use Instruments to profile your SwiftUI code and identify slow layouts
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
