Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Gradient along MKPolyLineView ( MKPolylineRenderer )

I'd like to apply a gradient on a polyline view depending on some conditions like speed. I was able to subclass MKPolyLineRenderer to draw with custom stroke and fill, but only with the same color along the path.

I saw other similar questions like : Draw segments from a circle or donut or On OSX, how do I gradient fill a path stroke? , but it is not exactly what I'd want. If I understand correctly, a path like below couldn't be filled with these methods. At least not treated as a whole.

enter image description here

A very similar question is Gradient Polyline with MapKit ios. But it adds an overlay for each segment between the points, which I think isn't too efficient.

Is this the only possible way ? ( I'd need to draw hundreds or maybe thousands of these segments ... ) How can this be achieved easily ?

Thanks

like image 353
Templar Avatar asked Nov 27 '13 16:11

Templar


1 Answers

So the original answer is here https://stackoverflow.com/a/20159374/2606068

you can find the demo here https://github.com/wdanxna/GradientPolyline

and some improvement tips provided by @Templar is:

  • prepare the path directly in the init.
  • check also for CGRectContains, not only for intersection.

thanks man! :p

like image 187
wdanxna Avatar answered Oct 25 '22 18:10

wdanxna