Swift: How to round one corner of a button in storyboards?

Question

I know how to round both sides of a UIButton with: myButton.layer.cornerRadius = 10, but I am not sure how to round just one side so it would look something like this:

Does this answer your question? [Round Top Corners of a UIButton in Swift](https://stackoverflow.com/questions/37163850/round-top-corners-of-a-uibutton-in-swift) — Anish, Jun 30 '22 at 17:22

score 1 · Answer 1 · answered Jun 30 '22 at 17:06

I don't think you can do it in IB, the usual way to do it would be to either set properties or manually via the User Defined Runtime Attributes.

However, setting the a corner radius but only for certain corners requires setting the layer maskedCorners array with values ([.layerMinXMinYCorner, .layerMinXMaxYCorner]) and that is not supported in IB.

The other option would be to write a subclass of UIButton that sets those values in the init method (particularly the init(coder:)) and then change in IB to use that class for the view.

El-Dow · Answer 2 · 2022-06-30T20:58:28.053

Use this extension into your project

 extension UIButton {
        func roundCorners(corners: UIRectCorner, radius: Int = 8) {
            let maskPath1 = UIBezierPath(roundedRect: bounds,
                                         byRoundingCorners: corners,
                                         cornerRadii: CGSize(width: radius, height: radius))
            let maskLayer1 = CAShapeLayer()
            maskLayer1.frame = bounds
            maskLayer1.path = maskPath1.cgPath
            layer.mask = maskLayer1
        }
    }

to call roundCorners Method

myButton.roundCorners(corners: [.topLeft, .bottomLeft])

Reference

If you need to use extension for all view components Change extension UIButton to extension UIView

Swift: How to round one corner of a button in storyboards?

2 Answers2