Нарисуйте границу на слое кривой формы

Question

Я уже видел это Как получить границу на UIBezierPath

Я хочу нарисовать границу на кривой

Я нарисовал кривую следующим методом

func drawCurve(from startPoint: CGPoint, to endPoint: CGPoint, controlPoint: CGPoint) {

    var bezierPath = UIBezierPath()
    bezierPath.move(to: startPoint)
    //        bezierPath.addQuadCurve(to: endPoint, controlPoint: CGPoint
    bezierPath.addLine(to: controlPoint)
    bezierPath.addLine(to: endPoint);


    bezierPath = bezierPath.bezierCardinal(withTension: 2.06)
    curveSize = bezierPath.bounds
    let strokeColor = UIColor.white
    if curveLayer != nil {
        curveLayer?.removeFromSuperlayer()
        curveLayer = nil
    }
    curveLayer = CAShapeLayer()
    curveLayer?.lineWidth = 1.0 / self.zoomScale
    curveLayer?.fillColor = UIColor.clear.cgColor
    curveLayer?.path = bezierPath.cgPath
    curveLayer?.strokeColor = strokeColor.cgColor
    viewBase.layer.addSublayer(curveLayer!)
}

Я должен попытаться поставить

    curveLayer?.borderWidth = 1.0
    curveLayer?.borderColor = UIColor.yellow.cgColor

Но это не рисует границы вокруг (в коробке)

Answer 1

С идеей Abhishek, я нарисовал Border On Shape с этим кодом

let bazierPath2 = UIBezierPath.init(rect: curveSize)


 curveLayerForGingivalLine = CAShapeLayer()
 curveLayerForGingivalLine?.zPosition = 0.0
 curveLayerForGingivalLine?.strokeColor = UIColor.red.cgColor
 curveLayerForGingivalLine?.lineWidth = 1.0 / self.zoomScale
 curveLayerForGingivalLine?.fillColor = UIColor.clear.cgColor

 let  lineShapeBorder = CAShapeLayer()

 curveLayerForGingivalLine?.addSublayer(lineShapeBorder)

 lineShapeBorder.lineWidth = 1.0 / self.zoomScale
 lineShapeBorder.fillColor = UIColor.clear.cgColor
 lineShapeBorder.path = bezierPath.cgPath
 lineShapeBorder.strokeColor = strokeColor.cgColor
 curveLayerForGingivalLine?.path = bazierPath2.cgPath
 viewBase.layer.addSublayer(curveLayerForGingivalLine!)

Answer 2

Попробуйте ниже код

lineShapeBorder = CAShapeLayer()
lineShapeBorder.zPosition = 0.0
lineShapeBorder.strokeColor = UIColor.blue.cgColor
lineShapeBorder.lineWidth = 25
lineShapeBorder.lineCap = kCALineCapRound
lineShapeBorder.lineJoin = kCALineJoinRound
lineShapeFill = CAShapeLayer()
lineShapeBorder.addSublayer(lineShapeFill)
lineShapeFill.zPosition = 0.0
lineShapeFill.strokeColor = UIColor.green.cgColor
lineShapeFill.lineWidth = 20.0
lineShapeFill.lineCap = kCALineCapRound
lineShapeFill.lineJoin = kCALineJoinRound
    // ...
var path = UIBezierPath()
path.move(to: lineStart)
path.addLine(to: lineEnd)
lineShapeFill.path = path.cgPath
lineShapeBorder.path = lineShapeFill.path

Надеюсь, поможет!