UIButton Round Corner 在 iPhone 5 上无法正常工作

Question

这是通过UI扩展方法

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

通过这种扩展方法，我想在 viewdidload 上使用此代码制作带圆角的按钮

 btnRideNow.roundCorners(corners: [.topRight], radiusWidth: btnRideNow.frame.width,radiusHeight: btnRideNow.frame.height )
 btnRideLater.roundCorners(corners: [.topLeft], radiusWidth: btnRideLater.frame.width,radiusHeight: btnRideLater.frame.height )

但在 iPhone 5 上我得到了这个结果 ScreenShot

您可以看到左键无法正确呈现，但在 iPhone 6 中却可以正常显示，为什么？

Answer 1

一切都是时间问题。

如果你打电话给roundCorners太快了，例如在viewDidLoad 中，按钮的frame 和bounds 可能尚未最终确定。但是你的roundCorners 依赖于bounds，所以如果你添加了掩码并且按钮然后由于layout而调整大小，你自然会弄错结果。

Answer 2

如果你想要圆角，你可以简单地做：

view.layer.cornerRadius 

如果你想要一个边框，你可以做

view.layer.borderWidth 

颜色

view.layer.borderColor

Answer 3

这是一个与 IB 一起使用的简单子类。您应该能够轻松地使其适应您的需求：

@IBDesignable
public class Button: UIButton {
    @IBInspectable public var borderColor:UIColor? {
        didSet {
            layer.borderColor = borderColor?.cgColor
        }
    }
    @IBInspectable public var borderWidth:CGFloat = 0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable public var cornerRadius:CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }
}

现在，如果您想简单地编写代码，您已经得到了大部分答案。对于一个完整的圆圈：

view.layer.cornerRadius = view.frame.height / 2

你可以使用宽度，如果它是方形的。但就像@Matt 说的（他非常好），小心在正确设置框架/边界后执行此操作！