Swift: addLine ignored in between two addArc calls when creating a path

Question

This code does what I expect. It draws an arc, then adds a line 50 points wide from the top of that arc:

path.move(to: .init(x: myX, y: myY))

path.addArc(withCenter: CGPoint(x: centerX, y: centerY), radius: radius1, startAngle: .pi, endAngle: (3 * .pi)/2, clockwise: true)

let currentPoint = path.currentPoint
path.addLine(to: CGPoint(x: currentPoint.x + 50, y: currentPoint.y))

This code ignores the addLine for adding a 50 points wide line and just starts the second arc right at the top of the first arc.

path.move(to: .init(x: myX, y: myY))

path.addArc(withCenter: CGPoint(x: centerX, y: centerY), radius: radius1, startAngle: .pi, endAngle: (3 * .pi)/2, clockwise: true)

let currentPoint = path.currentPoint
path.addLine(to: CGPoint(x: currentPoint.x + 50, y: currentPoint.y))

path.addArc(withCenter: CGPoint(x: centerX + 50, y: centerY), radius: radius1, startAngle: (3 * .pi)/2, endAngle: .pi, clockwise: false)

With this second bit of code, I get the exact same output if I comment out the addLine code. I get the exact same output if I change the addLine code to add 300 ~~pixels~~ points instead of 50. The addLine code is ignored and I get two arcs, without a line between where the first ends and the second begins.

Any suggestions? Thanks so much!

what you are trying to achieve ? – Jawad Ali Jun 15 '20 at 05:15 — Jawad Ali, Jun 15 '20 at 05:15

Rob · Accepted Answer · 2020-06-15T15:37:35.837

You said:

With this second bit of code, I get the exact same output if I comment out the addLine code.

Yep, when you add an arc to an existing path, it will automatically draw a line from the currentPoint to the start of this second arc. If you don’t want it to add the line in between, you need to do a move(to:) in your path to where the second arc will start if you don’t want the line in-between. Or create two paths, one for each arc, and stroke them separately.

I get the exact same output if I change the addLine code to add 300 pixels instead of 50.

That doesn’t quite make sense and I cannot reproduce that behavior. For example, this is what I get when I move the second arc 50pt (and I’ll animate the stroke so you can see what’s going on):

But this is what I get when I move the line 300pt (but keep the second arc only 50pt from the first):

Clearly, if you not only make the line 300pt long, but move the center of the second arc by 300pt as well, then it will be just like the first example (except further apart).

However, if I replace your addLine(to:) with move(to:), then you won’t get the line in-between them:

FWIW, in all of these examples, I didn’t know what you were using for myX and myY, so I used a point to the left of the first arc. Clearly, if you don’t want that extra line, move myX and myY to the start of the first arc (or just comment that out entirely).

This animated stroke is very helpful! You've explained that addArc automatically adds a line to the start of that arc. That is the part I wasn't seeing clearly. Thanks for your answer! — RanLearns, Jun 15 '20 at 16:35

score 0 · Answer 2 · answered Jun 15 '20 at 06:13

i dont know whats wrong with your code but have what i have tried .. it might help you thats why posting it

 @IBDesignable
    class CustomBg:UIView {

            private lazy var curvedLayer: CAShapeLayer = {
                let shapeLayer = CAShapeLayer()
                shapeLayer.fillColor = UIColor.yellow.cgColor
                shapeLayer.lineWidth = 4
                shapeLayer.strokeColor = UIColor.green.cgColor
                return shapeLayer
            }()

        //MARK:- inializer
        override init(frame: CGRect) {
             super.init(frame: frame)
            layer.addSublayer(curvedLayer)


        }

        required init?(coder: NSCoder) {

            super.init(coder: coder)
            layer.addSublayer(curvedLayer)

        }

        override func layoutSubviews() {
            super.layoutSubviews()
            updatePath()
        }

        func updatePath() {


            let centerX = 100
            let centerY = 100

            let radius1 = CGFloat( 50.0)

            let path = UIBezierPath()

            path.addArc(withCenter: CGPoint(x: centerX, y: centerY), radius: radius1, startAngle:0, endAngle: (2 * .pi), clockwise: true)

            let currentPoint = path.currentPoint
            path.addLine(to: CGPoint(x: currentPoint.x + 150, y: currentPoint.y))



            path.addArc(withCenter: CGPoint(x: Int(path.currentPoint.x + radius1) , y: centerY), radius: radius1 , startAngle: .pi, endAngle: (3 * .pi ), clockwise: true)

              curvedLayer.path = path.cgPath

        }

    }

Swift: addLine ignored in between two addArc calls when creating a path

2 Answers2