ios - 在 iOS 中的按钮下添加虚线

Question

我有按钮，我想在它下面添加虚线 - 所以它看起来像这样。我知道如何使用属性字符串来做到这一点，但我认为我应该使用 subLayers，因为我将有更多的配置选项:例如文本和线条之间的距离。

Answer 1

这是如何实现的示例:

class CustomButton: UIButton {

    override func layoutSubviews() {
        super.layoutSubviews()

        layer.sublayers?.filter({ $0.name == "DashedTopLine" }).map({ $0.removeFromSuperlayer() })

        let shapeLayer = CAShapeLayer()
        shapeLayer.name = "DashedTopLine"
        shapeLayer.bounds = bounds
        shapeLayer.position = CGPoint(x: frame.width / 2, y: frame.height / 2)
        shapeLayer.fillColor = UIColor.clear.cgColor
        shapeLayer.strokeColor = UIColor.red.cgColor
        shapeLayer.lineWidth = 1
        shapeLayer.lineDashPattern = [2, 2]

        let path = CGMutablePath()
        path.move(to: CGPoint.zero)
        path.addLine(to: CGPoint(x: frame.width, y: 0))
        shapeLayer.path = path

        layer.addSublayer(shapeLayer)

    }
}