ios - UIbutton 的圆角扰乱了其宽度

Question

我想在三个按钮中进行舍入:

• 第一个按钮的顶角
• 第二个按钮的下角
• 第三个按钮的所有四个角

我通过以下代码实现了这一点:

        button1.roundedButton1()
        button2.roundedButton2()
        button3.layer.cornerRadius = 5

extension UIButton {
    func roundedButton1(){
        let maskPAth1 = UIBezierPath(roundedRect: self.bounds,
                                     byRoundingCorners: [.topLeft , .topRight],
                                     cornerRadii:CGSize(width:5.0, height:5.0))
        let maskLayer1 = CAShapeLayer()
       // maskLayer1.frame = self.bounds
        maskLayer1.path = maskPAth1.cgPath
        self.layer.mask = maskLayer1
    }

    func roundedButton2(){
        let maskPAth1 = UIBezierPath(roundedRect: self.bounds,
                                     byRoundingCorners: [.bottomLeft , .bottomRight],
                                     cornerRadii:CGSize(width:5.0, height:5.0))
        let maskLayer1 = CAShapeLayer()
        maskLayer1.frame = self.bounds
        maskLayer1.path = maskPAth1.cgPath
        self.layer.mask = maskLayer1
    }
}

但是我的第一个和第二个按钮的宽度受到干扰。

如果我使用button2.layer.cornerRadius = 5，那么宽度就可以了。我已经搜索了它改变其宽度的代码，但没有找到任何合适的内容。这是我为 UIButton 找到的唯一可行的解​​决方案。谁能告诉我为什么按钮的宽度正在改变以及如何修复它？

按钮的约束如下:

Answer 1

您可以使用 UIView 和 UITapGestureRecognizer 来实现此结果，而不是使用 UIButton

添加此扩展

extension UIView {
    func roundCorners(_ corners: UIRectCorner, radius: CGFloat) {
        let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let mask = CAShapeLayer()
        mask.path = path.cgPath
        self.layer.mask = mask
    }
}

然后创建一个自定义 View 类

class CustomView: UIView {
    override func layoutSubviews() {
        super.layoutSubviews()
        self.roundCorners([.topRight, .topLeft], radius: 5) // you can use .topRight , .topLeft , .bottomRight, .bottomLeft 
    }
}

然后在您的 View 中使用该类

希望这对您有帮助