通过 CAShapeLayer 为 View 添加边框

最新推荐文章于 2022-09-20 16:22:37 发布

weixin_34198881

最新推荐文章于 2022-09-20 16:22:37 发布

阅读量259

点赞数

文章标签： python

原文链接：https://my.oschina.net/AngeloTsui/blog/920458

版权

2019独角兽企业重金招聘Python工程师标准>>>

通过贝塞尔曲线与 CAShapeLayer 为 View 添加虚线边框,代码如下:

    
    /// 为视图添加虚线边框
    ///
    /// - Parameters:
    ///   - view: 要添加边框的视图
    ///   - size: 视图 size
    ///   - cornerRadius: 视图圆角 默认:10
    ///   - lineWidth: 边框宽 默认: 1
    ///   - lineColor: 边框颜色 默认: black
    ///   - lineDashPattern: 边框段长和间距 默认: [5,3]
    func addBorderLine(view:UIView, size:CGSize, cornerRadius:CGFloat = 10, lineWidth:CGFloat = 1, lineColor:Color? = Color.black, lineDashPattern: [NSNumber] = [5,3]) -> Void {
        let shaplayer = CAShapeLayer()
        shaplayer.bounds = CGRect.init(x: 0, y: 0, width: size.width, height: size.height)
        shaplayer.anchorPoint = CGPoint.init(x: 0, y: 0)
        shaplayer.fillColor = Color.clear.cgColor
        shaplayer.strokeColor = lineColor?.cgColor
        shaplayer.lineWidth = lineWidth
        shaplayer.lineJoin = "miter"
        shaplayer.lineDashPattern = [5,3]
        let path = CGMutablePath()
        path.move(to: CGPoint.init(x: lineWidth / 2, y: cornerRadius + lineWidth / 2))
        path.addArc(center: CGPoint.init(x: cornerRadius + lineWidth / 2, y: cornerRadius + lineWidth / 2), radius: cornerRadius, startAngle: .pi, endAngle: .pi / 2 * 3, clockwise: false)
        path.addLine(to: CGPoint.init(x: size.width - cornerRadius - lineWidth / 2, y: lineWidth / 2))
        path.addArc(center: CGPoint.init(x: size.width - cornerRadius - lineWidth / 2, y: cornerRadius + lineWidth / 2), radius: cornerRadius, startAngle: .pi / 2 * 3, endAngle: .pi * 2, clockwise: false)
        path.addLine(to: CGPoint.init(x: size.width - lineWidth / 2, y: size.height - cornerRadius - lineWidth / 2))
        path.addArc(center: CGPoint.init(x: size.width - cornerRadius - lineWidth / 2, y:  size.height - cornerRadius - lineWidth / 2), radius: cornerRadius, startAngle: 0, endAngle: .pi / 2, clockwise: false)
        path.addLine(to: CGPoint.init(x: cornerRadius + lineWidth / 2, y: size.height - lineWidth / 2))
        path.addArc(center: CGPoint.init(x: cornerRadius + lineWidth / 2, y:  size.height - cornerRadius - lineWidth / 2), radius: cornerRadius, startAngle: .pi / 2, endAngle: .pi, clockwise: false)
        path.addLine(to: CGPoint.init(x: lineWidth / 2, y: cornerRadius + lineWidth / 2))
        shaplayer.path = path
        view.layer.addSublayer(shaplayer)
        view.layer.masksToBounds = true
        view.layer.cornerRadius = cornerRadius
    }

显示效果: