Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change the current tab highlighter color in Android ViewPager?

Here is my layout inside ViewPager. I would like to change the color of the current tab highlighter which is below the text. Actually it is showing in black color. But I don't know whether it is a color by default or not. And also I have one more doubt. If I use PagerTitleStrip this tab highlighter doesn't appear. Is there a way to bring that with titlestrip?

Here is my layout:

  <android.support.v4.view.PagerTabStrip android:id="@+id/pager_title_strip"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:background="@color/pager_titlestrip_bg"    
    android:textColor="@color/pager_titlestrip_text"
    android:paddingTop="5dp"
    android:paddingBottom="4dp" >   
  </android.support.v4.view.PagerTabStrip>
like image 616
intrepidkarthi Avatar asked Sep 13 '12 14:09

intrepidkarthi


3 Answers

This just works.

PagerTabStrip pagerTabStrip = (PagerTabStrip) findViewById(R.id.pager_title_strip);
pagerTabStrip.setDrawFullUnderline(true);
pagerTabStrip.setTabIndicatorColor(Color.RED);

Thanks!

like image 53
intrepidkarthi Avatar answered Nov 01 '22 09:11

intrepidkarthi


It can be done in both programmatically with jAVA or with XML

By XML

<android.support.design.widget.TabLayout
        android:id="@+id/tabanim_tabs"
        android:layout_width="match_parent"
        app:tabIndicatorHeight="4dp"
        app:tabIndicatorColor="@android:color/white"
        android:layout_height="wrap_content" />

Or more simply you can solve this Code aswell

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

Similarly to change the Height

tabLayout.setSelectedTabIndicatorHeight((int) (2 * getResources().getDisplayMetrics().density));
like image 26
yubaraj poudel Avatar answered Nov 01 '22 07:11

yubaraj poudel


This works in my project.

<android.support.design.widget.TabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFF"
    app:tabGravity="fill"
    app:tabIndicatorColor="@color/text3"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="@color/text3"
    app:tabTextColor="#000" />
like image 34
Dhaval Shingala Avatar answered Nov 01 '22 08:11

Dhaval Shingala