Bezier Path iOS Swift5

Updated 2 February 2021



UIBezierPath() – A Bezier Path that consists of straight and curved line segments that you can render in your custom views. and we can say that to use of Bezier Path curve we can make effective UIViews with so many designs which make our UIDesign is more attractive

I used a specific view shape, on this concept you learn that how can be applied to any shape. This example shows the process of designing the shape which you want to draw it on a view.

UIBezierPath() – We can use this method to make different views like chat-bubble and shapes.

How to draw a BezierPath Curve in a custom view 

Main steps of the curve:

Basic Functionality:-

CGPoint:The CG point of the curve is a geometric structure. or we can say, A structure that consists of a point with a two-dimensional coordinates system i.e x and y.

example:  CGPoint(x: 0.0, y: 0.0)

toPoint:The end point of the curve

controlPoint1: First control point to use when computing the curve.

controlPoint2: Second control point to use when computing the curve.

BezierPath example:- If I want to create a view like this –

Chat box shape using bezierCurve

Step 1:Create a bezierPath.swift file.

Here we have a bezierPath code of the above example in which we can make our view.

Step 2:- UIStoryboard screen image with a view class

Take view in the view controller and change view class name of the view to your bezierPath.swift class


Xcode preview

Step 3:- Final iPhone Output

Here we have the final output in our simulator.

Chat box with brezierPath


In this blog, we have discussed how to draw a custom view or custom shape by using BezierPath curve.

I hope this blog will help you in getting some basic knowledge about the BezierPath curve

Thanks for reading!


. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Start a Project

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home