How to draw shapes using UIBezierPath

Paul Hudson    February 14th 2018    @twostraws

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.

Available from iOS 3.2

Did this solution work for you? Please pass it on!

Tweet

Other people are reading…

• Showing dictionary definitions using UIReferenceLibraryViewController
• How to find a UIView subview using viewWithTag()
• How to stop your UISearchController bar hiding when you scroll
• How to force a UIView to redraw: setNeedsDisplay()
• How to use UIPickerView

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.