How to cut of corners of UIButton, not round them?

Question

I would like to cut the corners off of a UIButton in swift.

I know how to set a corner radius but I'd like to cut the corners.

// what I DON'T want, rounded corners
myButton.layer.cornerRadius = myButton.frame.height / 2

Cut off corners are for me:

See following: https://stackoverflow.com/questions/5047818/how-to-round-the-corners-of-a-button — Bhavik Modi, May 17 '19 at 10:33

RajeshKumar R · Accepted Answer · 2019-05-17T13:51:41.203

Create a CAShapeLayer with the desired path like this

let button = UIButton()
button.backgroundColor = .red
button.frame = CGRect(x: 100, y: 100, width: 200, height: 40)
view.addSubview(button)

let layer = CAShapeLayer()
layer.fillColor = UIColor.yellow.cgColor

let cutSize:CGFloat = 20
let path = UIBezierPath()
path.move(to: CGPoint(x: 0, y: button.bounds.midY))
path.addLine(to: CGPoint(x: cutSize, y: 0))
path.addLine(to: CGPoint(x: button.bounds.maxX-cutSize, y: 0))
path.addLine(to: CGPoint(x: button.bounds.maxX, y: button.bounds.midY))
path.addLine(to: CGPoint(x: button.bounds.maxX-cutSize, y: button.bounds.maxY))
path.addLine(to: CGPoint(x: cutSize, y: button.bounds.maxY))
path.addLine(to: CGPoint(x: 0, y: button.bounds.midY))

layer.path = path.cgPath
button.layer.insertSublayer(layer, at: 0)

score -1 · Answer 2 · answered May 17 '19 at 10:35

-1

You can achieve by following:

sampleButton.layer.cornerRadius = 15
sampleButton.clipsToBounds = true

answered May 17 '19 at 10:35

Bhavik Modi

1,461
13
27

how is this different from the code snippet in my question? I don't want rounded corners but rather cut of corners. – swift-lynx May 17 '19 at 10:37
What is the difference between Cut Corners and Rounded Corners ? – Bhavik Modi May 17 '19 at 10:46
Its like use knife and cut the corners of button – Wings May 17 '19 at 10:49
@swiftlynx Its not feasible, you can set button image instead. – Bhavik Modi May 17 '19 at 11:22

How to cut of corners of UIButton, not round them?

2 Answers2