I'm creating a custom spinner which I need to animate. The spinner consists of about 10 shapes which I draw using Canvas and Paths. Each shape should be animated separately and each shape is drawn at a separate time. Every so often a new shape is drawn while the rest are still going through their animation cycle, so you get from animating one shape to 10 and then your reverse back to 0.
I have this working now by drawing these shapes inside the onDraw method. onDraw is called every time I invalidate() and invalidate() is called from a recursive method with a postDelay() every 40ms to get the desired animation. This all kinda works however I can see the CPU use rising drastically and after about 10-15 seconds the whole thing grinds to a halt. So something is clearly going wrong.. Possibly that's not even the right way of attempting animation at all.
I guess my questions are - what do you think is going wrong and why? Also what would be the right approach for animating things on canvas?
edit:
edit2:
Looks like my drastic CPU usage was coming from reusing Path objects. Not really sure why, but forgoing reuse of objects and recreating them between onDraw methods has drastically increased the performance. The CPU usage still climbs up to about 5-10% in about 10-15 minutes of running the spinner animation but that's nothing like the previous 60-80% I was experiencing inside a minute.