How to change material viewpager tab indicator text color?

Question

Here is my customized material viewpager layout

I have to change my material view pager tab indicator color and font programmatically. Please give me a solution for this.I cannot able to find any solution for this in github.

use app:tabIndicatorColor for changing tab indicator color, to change font you have to use custom fonts — NarenderNishad, Apr 29 '16 at 07:33

score 4 · Accepted Answer · answered Apr 29 '16 at 07:48

4

For changing colour of indicator programmatically.

tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#898989"));

answered Apr 29 '16 at 07:48

Nouman Shah

534
1
9
22

score 1 · Answer 2 · edited May 23 '17 at 12:16

1

Please use below attribute to change the color of the indicator in tabLayout:

 app:tabIndicatorColor="@android:color/white"

For custom font, refer following link: Change the font of tab text in android design support TabLayout

edited May 23 '17 at 12:16

Community

1
1

answered Apr 29 '16 at 07:32

Saritha G

2,588
1
15
27

score 1 · Answer 3 · answered Apr 29 '16 at 08:00

1

To Change the color of the indicator in tabLayout:

 app:tabIndicatorColor="@android:color/your_color"

This is the line in my build.gradle:

compile 'com.android.support:design:23.1.1' //Make sure check your version

answered Apr 29 '16 at 08:00

Venky

21
3

How to change material viewpager tab indicator text color?

3 Answers3