Question: How does it work?

[romandanylyk]

Question: How does it work?

[romandanylyk]

PageIndicarViewextends View, so it's working based on canvas drawing.

[AndroidDeveloperLB]

So you have some formula for the transition in between pages, to draw via the canvas?

[alashow]

Supporting at least 14 would be great.

[romandanylyk]

All the animation works by ValueAnimator added in API 11. For increasing stability for now it has minSdk 15 and wasn't tested on lower API yet.
It future releases it will be tested on API 11 and if it is ok, minSdk will be decreased.

[AndroidDeveloperLB]

Maybe not 11, but 14 is still a lot more popular than 11-13, no?

[romandanylyk]

I will work on it as soon as possible

[romandanylyk]

So you have some formula for the transition in between pages, to draw via the canvas?

It's a bit simpler that formula actually, because viewPagerhas addOnPageChangeListener and with a bit of math I do all the calculations to draw indicators

[AndroidDeveloperLB]

What's the math of it?

Also, thank you for this library and testing on API 14 (or lower)

[romandanylyk]

For interactive animation all the math is in onPageScrollmethod.
And for initial drawing, it's based on view size and count, you can see it in drawIndicatorViewmethod.

[AndroidDeveloperLB]

I guess there is no way to understand it without diving, then :)

[romandanylyk]

If explaining on word, I get count of indicator that user set, than knowing it's radius and padding, measure view size. Then after calculating general view size I just draw circles on canvas one by one.

Interactive animation is a bit more interesting. It's is performing by frames. So thanks to ValueAnimator I set start and end value and it returns me that value several times so I can redraw my view based on than value every time it changed - that's how animation works.

[AndroidDeveloperLB]

But it has a worm-like transition. Do you draw circles there, one after another?

[romandanylyk]

It's a bit tricky :)
Worm animation is not actually a circle - it's a rectangle with rounded corners that changes its width all the way.

(it actually has circles, those which are now selected, and selected one is rectangle with rounded corners over unselected circle)

[AndroidDeveloperLB]

oh, makes sense.

[romandanylyk]

Hope it helped you to understand how it works.
I appreciate that you are interested ^)

[AndroidDeveloperLB]

What do you mean? You know me? You know my work/repositories/apps?

[romandanylyk]

You just was the first one, who asked :)

[AndroidDeveloperLB]

Oh ok. You are welcomed to check them if you wish:
https://github.com/AndroidDeveloperLB?tab=repositories