fbpx
How to round only specific corners to a UIView in iOS using Swift

How to round only specific corners to a UIView in iOS using Swift

Today, I’ll show you how to round only specific corners in a UIView using maskedCorners (iOS 11 and above) and UIBezierPath (iOS 10 and below).

iOS 11 and above

If your app is targeting only devices with iOS 11 and above, add the following code and replace myUIView with your UIView:

myUIView.clipsToBounds = true
myUIView.layer.cornerRadius = 5
myUIView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]

.layerMinXMinYCorner = Top left corner
.layerMaxXMinYCorner = Top right corner
.layerMinXMaxYCorner = Bottom left corner
.layerMaxXMaxYCorder = Bottom right corner

iOS 10 and below

If your app supports iOS 10 and below, you can round specific corners using UIBezierPath:

if #available(iOS 11.0, *){
  myUIView.clipsToBounds = true
  myUIView.layer.cornerRadius = 5
  myUIView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
}else{
  let path = UIBezierPath(roundedRect: myUIView.bounds,byRoundingCorners:[.topLeft, .topRight],cornerRadii: CGSize(width: 5, height:  5))
  let maskLayer = CAShapeLayer()
  maskLayer.path = path.cgPath
  myUIView.layer.mask = maskLayer
}

If you have any questionsplease feel free to leave a comment below

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments