Time to add some circles

Now we are going to add some more code under onDraw(canvas : Canvas) to make our text more appealing.

Getting there…

Time to animate

We are going to use a ValueAnimator to animate our circles. The trick here, is to animate the strokeRadiusOffset from 0 to the value of our circles’ strokeWidth + strokeGap to make the infinite animation end at the same point it begins.

To finish up, I need to give credit to this excellent article for the inspiration and part of the code.

In the next story of this series, we will see how to use SensorManager to make the animation react to the phone’s tilt, as can be seen on the first .gif at the top of this page.

Enjoy!