How to get rounded corners only for topLeft and bottomLeft corners?

Question

I've followed other stackoverflow threads and created CAShapeLayer and added it to button layer.

let bazierPath = UIBezierPath.init(roundedRect: button.bounds, byRoundingCorners: [UIRectCorner.bottomLeft, UIRectCorner.topLeft], cornerRadii: CGSize(width: 10.0, height: 10.0 ))
            let shapeLayer = CAShapeLayer()
            shapeLayer.frame = button.bounds
            shapeLayer.path = bazierPath.cgPath
            shapeLayer.strokeColor = UIColor.green.cgColor
            shapeLayer.lineWidth = 1.0
            button.layer.mask = shapeLayer

but the problem is I'm getting corners with clear color but i want them to be green. check for buttons with "Mon" and "Fri" in following image for clear understanding about problem.

Check this: http://stackoverflow.com/questions/37163850/round-top-corners-of-a-uibutton-in-swift — Twitter khuong291, Feb 07 '17 at 07:41

Anbu.Karthik · Answer 1 · 2017-02-07T08:14:29.113

2

in your code you forgot to add the addSublayer to main layer contentView.layer.addSublayer(subLayer) for sample purpose

  let contentView = UIView(frame: CGRect(x: CGFloat(50), y: CGFloat(100), width: CGFloat(200), height: CGFloat(100)))
    self.view.addSubview(contentView)
    let subLayer = CAShapeLayer()
    subLayer.fillColor = UIColor.blue.cgColor
    subLayer.strokeColor = UIColor.green.cgColor
    subLayer.lineWidth = 1.0
    subLayer.path = UIBezierPath(roundedRect: contentView.bounds, byRoundingCorners: [UIRectCorner.bottomLeft, UIRectCorner.topLeft], cornerRadii: CGSize(width: 10.0, height: 10.0 )).cgPath
    contentView.layer.addSublayer(subLayer)

output

edited Feb 07 '17 at 08:14

answered Feb 07 '17 at 07:45

Anbu.Karthik

82,064
23
174
143

I didn't downvoted it. I just gave upvote. adding shape layer as sublayer actually helps. thanks – chandra mohan Feb 07 '17 at 07:56
Looking at the versions of your answer, the first version was wrong. Maybe that version was voted? – vikingosegundo Feb 07 '17 at 07:57

User511 · Accepted Answer · 2017-02-07T07:55:19.967

1

Try to use the following function:

 fun createRoundCorners(corners:UIRectCorner, radius: CGFloat) 
  {
    let borderLayer = CAShapeLayer()
    borderLayer.frame = self.layer.bounds
    borderLayer.strokeColor = // Add your color
    borderLayer.fillColor = UIColor.clearColor().CGColor
    borderLayer.lineWidth = 1.0
    let path = UIBezierPath(roundedRect: self.bounds, 
      byRoundingCorners: corners, 
      cornerRadii: CGSize(width: radius, height: radius))
    borderLayer.path = path.CGPath
    self.layer.addSublayer(borderLayer);
  }

edited Feb 07 '17 at 07:55

answered Feb 07 '17 at 07:45

User511

1,456
10
28

Solution 1 i already tried and failed. but solution 2 is working. It's brilliant. Thanks – chandra mohan Feb 07 '17 at 07:54

How to get rounded corners only for topLeft and bottomLeft corners?

2 Answers2