How to draw shapes using UIBezierPath
Swift version: 5.0
UIBezierPath is a simple and efficient class for drawing shapes using Swift, which you can then put into CAShapeLayer, SKShapeNode, or other places. It comes with various shapes built in, so you can write code like this to create a rounded rectangle or a circle:
let rect = CGRect(x: 0, y: 0, width: 256, height: 256)
let roundedRect = UIBezierPath(roundedRect: rect, cornerRadius: 50)
let circle = UIBezierPath(ovalIn: rect)You can also create custom shapes by moving a pen to a starting position then adding lines:
let freeform = UIBezierPath()
freeform.move(to: .zero)
freeform.addLine(to: CGPoint(x: 50, y: 50))
freeform.addLine(to: CGPoint(x: 50, y: 150))
freeform.addLine(to: CGPoint(x: 150, y: 50))
freeform.addLine(to: .zero)If your end result needs a CGPath, you can get one by accessing the cgPath property of your UIBezierPath.
HACKING WITH SWIFT LIVE This July is a new two-day event where you'll be inspired by great speakers on day one then learn all the amazing new features from WWDC on day two – click here for more information and tickets.
Available from iOS 3.2
Did this solution work for you? Please pass it on!
Other people are reading…
- How to customize swipe edit buttons in a UITableView
- How to pad a UITextView by setting its text container inset
- How to remove a UIView from its superview with removeFromSuperview()
- How to use UISearchController to let users enter search words
- How set different widths for a UISegmentedControl's elements
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
