如何切掉 UIButton 的角，而不是圆角？

Question

我想快速切掉 UIButton 的边角。

我知道如何设置拐角半径，但我想剪掉拐角。

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

切角是给我的：

Answer 1

用这样的所需路径创建一个 CAShapeLayer

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)

Answer 2

您可以通过以下方式实现：

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