round corners of only one side of a uiview

Question

I know how to round the all four corners by setting the corner radius similar to this:

 func rounded() {
        self.layer.cornerRadius = self.frame.size.height / 2
    }

but am unsure how to round only 2 corners. Any help is appreciated.

I'm trying to round the corners of only one side of a UIView like this:

Shehata Gamal · Answer 1 · 2019-03-17T17:43:48.487

1

You can try

extension UIView {
    func roundedLeftTopBottom(){
        self.clipsToBounds = true
        let maskPath1 = UIBezierPath(roundedRect: bounds,
                                     byRoundingCorners: [.topLeft , .bottomLeft],
                                     cornerRadii: CGSize(width:self.frame.size.height / 2, height:self.frame.size.height / 2))
        let maskLayer1 = CAShapeLayer()
        maskLayer1.frame = bounds
        maskLayer1.path = maskPath1.cgPath
        layer.mask = maskLayer1
    }

    // or

    func round () {
        self.layer.cornerRadius = self.frame.size.height / 2
        self.layer.maskedCorners = [.layerMinXMinYCorner, .layerMinXMaxYCorner]
    }
}

Make sure to call any of those ones inside layoutSubviews or viewDidLayoutSubviews if the view is inside a vc so to have the right frame size

edited Mar 17 '19 at 17:43

answered Mar 17 '19 at 17:38

Shehata Gamal

98,760
8
65
87

func round worky only on iOS11+ – Sean Stayns Mar 17 '19 at 17:50
yes , it does the op is free to use anyone according to it's case – Shehata Gamal Mar 17 '19 at 17:52
I tried using the UIView extension but it looks like there is blank space where the rounding is supposed to happen. – SwiftyJD Mar 17 '19 at 17:53
@Sh_Khan I just added a screen shot of what I'm talking about – SwiftyJD Mar 17 '19 at 17:54
can you set `view.clipsToBounds = true` – Shehata Gamal Mar 17 '19 at 17:57

round corners of only one side of a uiview

1 Answers1