UIButton 的 layer.cornerRadius 删除了按钮标题的可见性

UIButton's layer.cornerRadius removes visibility of button title

我为我的按钮添加了一个自定义 class,我在其中设置了圆角半径(以便为多个 VC 保存一些代码)但是一旦我设置它,我的按钮的标题就会消失。您可以看到我设置了一个按钮标题,并且在选择自定义 class.

之前它工作正常

我的按钮背景是带有 alpha 的灰色。我曾尝试使用 .isOpaque 设置,但没能拿回标题。知道是什么导致了这个问题吗?

@IBDesignable class RoundedButton: UIButton {

    @IBInspectable var cornerRadius: CGFloat = 8

    override func layoutSubviews() {
        layer.cornerRadius = cornerRadius
    }
}

编辑:已解决!感谢 u/zombie 的解释!

你忘了

override func layoutSubviews() {
    super.layoutSubviews()
    layer.cornerRadius = cornerRadius
}

标题未显示,因为其框架未更新。

要修复布局,您需要调用 super.layoutSubviews

override func layoutSubviews() {
    super.layoutSubviews()
    layer.cornerRadius = cornerRadius
}

您的方法可能会阻止对变量之外的半径进行任何更新。

这里有一个更好的方法:

@IBDesignable class RoundedButton: UIButton {

    private var defaultCornerRadius: CGFloat = 8

    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }

        set {
            layer.cornerRadius = newValue
        }
    }

    override init(frame: CGRect) {
        super.init(frame: frame)

        cornerRadius = defaultCornerRadius
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        cornerRadius = aDecoder.decodeObject(forKey: "cornerRadius") as? CGFloat ?? defaultCornerRadius
    }



    override func encode(with aCoder: NSCoder) {
        super.encode(with: aCoder)

        aCoder.encode(cornerRadius, forKey: "cornerRadius")
    }
}