Rounded arrow

[kevin-hirsch]

Hi @andreamazz, thank you for your super AMPopTip! :)

What do you think of adding a property like arrowRadius to have a rounded arrow?
I would like it very much! Something like this:

[andreamazz]

Hi @kevin-hirsch
Yeah, I guess that I should be able to add it fairly quickly, I'll take a look at it in the next few days.

[kevin-hirsch]

Thank you very much! 👍

[andreamazz]

add it fairly quickly

Yeah, I was wrong. I'm having a bit of troubles implementing this. 😅

[kevin-hirsch]

No worries ;)

[andreamazz]

Any idea (or PR) is welcome. Since the arrow is drawn point by point, adding a rounded tip requires some math: the offset of the starting and ending point of the straight lines, and the starting and ending angle of the arc that connects the two straight lines.

[kevin-hirsch]

Yeah I see the difficulty here ^^

Maybe you can try this: https://www.bignerdranch.com/blog/core-graphics-part-three-lines/#join-the-dark-side

enum CGLineJoin {
    kCGLineJoinMiter       // default
    kCGLineJoinRound
    kCGLineJoinBevel
}

[andreamazz]

I'm using UIBezierPaths

[kevin-hirsch]

Right, forget my post above then ;)
I will see by my side what can be done but I will not have much time before WWDC 2015 ;)

[dgattey]

Check this out? Not sure how much work this will be https://stackoverflow.com/questions/20442203/uibezierpath-triangle-with-rounded-edges

[andreamazz]

There's a bit of tinkering to do, but it certainly is doable.

[oleghnidets]

Hi,
Any updates?

[rserentill]

Hi, I just created a pull request (#157) with this feature. You can set the property arrowRadius (CGFloat) to set the arrow's corner radius.