UIBezierPath doesn't work in TopRight corner and BottomRight corner

Question

I want to round my right corners, but only works for Left corners

let path = UIBezierPath(roundedRect: view.bounds, byRoundingCorners: [UIRectCorner.TopLeft, UIRectCorner.TopRight], cornerRadii: CGSizeMake(20.0, 20.0))
let maskLayer = CAShapeLayer()
    maskLayer.path = path.CGPath
    view.layer.mask = maskLayer
    view.layer.masksToBounds = true

I think you need to post more code because what you posted in itself is correct code. — paulvs, Feb 28 '16 at 17:38
Make sure the `bounds` is correct for the view you're applying corner radius to — onmyway133, Jan 22 '20 at 12:38

score 42 · Accepted Answer · answered Mar 05 '16 at 07:26

42

The problem is that you're getting the view's bounds before it's been resized for the current device. It's larger than it will be later when it appears on screen, so the right side of your rounded rect is off the right side of the screen.

You need to create path and set maskLayer.path later, after the view has been resized, which means during or after the layout phase of the run loop. So either subclass the view and do it in the view's layoutSubviews method, or do it in the view controller's viewDidLayoutSubviews method.

answered Mar 05 '16 at 07:26

rob mayoff

375,296
67
796
848

Thank you! I've wondered for quite some time why the left corners are rendered correctly but not the right ones. – Seishin Dec 08 '16 at 09:23
This is really a bad bug! – ink Dec 13 '21 at 07:18

score 25 · Answer 2 · edited May 23 '17 at 10:31

25

Swift 3

It works for me !

override func layoutSubviews() {
    super.layoutSubviews()
    DispatchQueue.main.async {
       self.containerView.roundCorners(corners: [.topRight,.topLeft], radius: 25)
       self.containerView.layer.masksToBounds = true
    }
    self.layoutIfNeeded()
}

You can check the method "roundCorners" here : https://stackoverflow.com/a/41217863/3687902

edited May 23 '17 at 10:31

Community

1
1

answered May 05 '17 at 14:56

matt

607
7
20

This is precisely the logic for a UITableViewCell. Thank you so much. None of the other methods I tried worked. – tuttu47 May 12 '17 at 09:09

score 1 · Answer 3 · edited Feb 14 '17 at 08:40

1

If you are tried to set the RoundingCorners for View which are design on Storyboard OR Xib then please set the corner and MaskLayer.path into below method.

override func viewDidLayoutSubviews() {
// here you can write the code...
    }

edited Feb 14 '17 at 08:40

Fruchtzwerg

10,999
12
40
49

answered Feb 14 '17 at 06:03

Kiran K

919
10
17

UIBezierPath doesn't work in TopRight corner and BottomRight corner

3 Answers3

Linked

Related