CustomTabLayout supports ViewPager2
This project hepls you to set your tablayout to work with viewpager2.
Gradle
Step 1. Add the JitPack repository to your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}
Step 2. Add the library dependency to your project build.gradle:
dependencies {
implementation 'com.google.android.material:material:(lastest release version)'
implementation 'com.github.AhmedAbdEllatiif:Customtablayout:(lastest release version)'
}
Usage
In your XML file add this:
<com.ahmed.library.CustomTabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabGravity="fill"
app:tabMode="fixed"
app:tabTextColor="@color/colorPrimaryDark"
app:tabSelectedTextColor="@color/colorAccent"
app:tabIndicatorColor="@color/colorAccent"
app:selectedIconColor="@color/colorAccent"
app:unSelectedIconColor="@color/colorPrimaryDark"
app:smoothScroll="true"
/>
Attributes
| Attribute | Description |
|---|---|
app:selectedIconColor="" |
To change icon color when the icon is selected (default=Color.DKGRAY) |
app:unSelectedIconColor="" |
To change icon color when the icon is unSelected (default=Color.GRAY) |
app:smoothScroll="boolean" |
To make the viewPager scroll smooth or not when tabs clicked (default = true) |
app:showIndicator="boolean" |
To show or hide tab indicator (default = true) |
In your Java class:
CustomTabLayout tabLayout = findViewById(R.id.tabLayout);
tabLayout.titles(getTitlesList());
tabLayout.iconsResources(getIcons());
tabLayout.setupWithViewPager(viewPager);
Or your Koltin class:
val customTabLayout : CustomTabLayout = findViewById(R.id.tabLayout)
customTabLayout.iconsResources(getIcons())
customTabLayout.titles(getTitlesList())
customTabLayout.setupWithViewPager(viewPager)
Methods
| Method | Description |
|---|---|
customTabLayout.iconsResources() |
To insert icons of tabs |
customTabLayout.titles() |
To insert titles of tabs |
customTabLayout.tabsCount() |
To set the tabs count requeried when there are no titles or icons (default = 0) |
customTabLayout.setupWithViewPager() |
To build the tablayout with your viewpager |
246 Nov 20, 2022
498 Dec 29, 2022
6k Dec 17, 2022
246 Dec 9, 2022
147 Nov 20, 2022
220 Nov 25, 2022
158 Oct 18, 2022
277 Dec 3, 2022
66 Aug 16, 2022
7 Nov 11, 2022
0 Dec 20, 2021
9 Dec 3, 2021
0 Jun 10, 2022
3 Nov 15, 2021
0 Nov 23, 2021
135 Dec 7, 2022
20 Dec 16, 2022
11 May 18, 2022
3 Sep 28, 2022
1.2k Dec 30, 2022
7 May 16, 2022
106 Dec 23, 2022
301 Jan 7, 2023
481 Dec 19, 2022
220 Nov 25, 2022