Hi everyone, hope you are all good, This extension helps you to create professional tabs with view pager.
This extension comes with a lot of customization like custom font typeface on tabs and indicator gravity or indicator type. You can head to the preview section of this topic to look how the extension looks like.
To understand the extension and made it easy for use I have made it as same as in built view pager so you can understand it easily.
Let see some blocks and their documentation.
There are two types of strips. What is the difference in them? Head to the Preview section.
There are two types of gravity property. If set to Top then the strip will be shown on the top of tab and if bottom then the indicator will be shown at the bottom.
This event raises when user select the page and it is start to going transform to the selected page.
This event raises when user selected the page and the page is selected completely where the animation ends.
This block creates the view pager in the given layout (Vertical and Horizontal Arrangement).
Select the page to given position
Add the tab with given title and given layout (page).
Remove the page at given position
Remove all the pages or tabs from the view pager.
The whole extension is depend on these properties. This will decide the extension look so let see them
It is the strip gravity. If set to Top then the strip will be shown on the top of tab and if bottom then the indicator will be shown at the bottom.
This property set the unselected color of tabs or pager
This property set the height of the line or strip that is shown below the tabs
This property set the custom font typeface to the titles of the tabs. Note:- It works only in apk
This property if set to true then title font will be bold and if false then no
This block set the selected or active tabs color
This property set the strip type of the tabs. There are two types of strips present. You can head to the preview section of this extension to look it.
This property set the corner radius of the strip
This property set the duration taken by the extension for switching the tabs
This property set the font size of the title of tabs
This property set the background color of the tabs
Let see how the block works
Let see the output now
Thanks to @Shreyash for his super Rush .
Suggestion and issue are welcome
If you like the extension then like the topic
Thank You All