Hello everyone, As you know I have already published a Dots Indicator extension but I am launching this one new because I have lost my extension sources that’s why I have not updated it. Also it has a total 8 animation styles or dots transfer animation and it is much customizable than previous one. And due to animations that I used in this extension need different version for Androidx and android support library so some change need some changes in package that why I cant update previus one.
Thanks @msr79526 for sponsoring the extension
Let see some block and their documentation.
There are total 8 animation styles or dots transfer animation. you can head to the Preview section for seeing the preview of these animations
This time I have implemented the orientation too. i.e, Vertical and Horizontal
This block create the dots in given layout in
in parameter with quantity in
total parameter. Once the dots is created you can recreate them. For recreating them you need to remove all the created dot with the help of
This block remove all the created dots and then You will be able to recreate them.
This block return a list of all available animations style
This block set the selected dots for given index. Index starts from 1.
This block set the index with a progress value. What is progress? The progress defines the progress of dots. In simple words if you give a value of
0.5 then the dots will not be selected or transferred whole it will be transferred half. Progress value must be between 0 to 1 in float. Currently this block is Deprecated.
Now there are some property blocks You can use them for customizing the dots or you can set the value directly in properties.
This block set the animation style that you want
This block set the radius of the dot circles. Note:- It is not the corner radius of the dots. It decide the size of the dots. It is the radius of circle dots.
This block set the unselected dots colors or inactive dots colors
This block set the animation duration or duration that will be taken by dots while transferring to next or given index
Note:- This is only applicable when the animation style will be set to Fill otherwise it is not applicable
This block set the stroke of the dots. Note:- It is only applicable to Fill animation otherwise it wont work. There is not stroke color property it will be decide by unselected color of the dots.
This property will return the current selected dot index
This block set the padding of dots indicator. It is gap or distance between each dots.
This block set the selected dot color or the active dot color
this block set the orientation of the dots. If orientation will set to Horizontal then the dots will be created horizontally and if orientation will set to Vertical then the dots will be created Vertically.
Let see How to use them and its preview
You can create the dots with this simple block.
I am not going to provide the block of animation as there is same block for every animation. You just need to set the animation style by property or blocks.
Let see previews now
If you like my work then donate if you can
Thanks to @Shreyash for his super Rush .
Suggestion and issue are welcome
If you like the extension then like the topic
Thank You All