CODEWITHSUNDEEP
androidstylesandroid-actionbar
Dion Segijn
Dion Segijn

Reputation: 2655

Actionbar tab selection divider color

In the picture below from the developers guide of android you see the light blue edge underneath the tabs. I tried to style this small edge with an other color but i had no success.

Meanwhile i succeed to style the action bar, and tabs. But the only thing i can't get succeed on is changing that little blue edge. I even don't know how its called in the guide. Because the divider is the little stripe between all the taps:

[ BALLOONS | BIKES | ANDROIDS | PASTRIES ]

Can someone help me with this? Which style i have to use to change this color?

The follow line didn't work out:

<item name="android:actionBarDivider">@drawable/divider</item>

enter image description here

Upvotes: 5

Views: 8567

Answers (2)

Jinu
Jinu

Reputation: 8675

Use pagerslidingtabstrip library for making tabs if youy want to use actionbar tabs then here is the code

<item name="android:actionBarTabBarStyle">@style/customTabBar</item>

code for devider in action bar tab indicator

<style name="customTabBar" parent="@style/Widget.AppCompat.ActionBar.TabBar">
<item name="android:showDividers">middle</item>
<!-- give your divider here -->
<item name="android:divider">@drawable/tabindicator</item>
<item name="android:dividerPadding">0dp</item>

where @drawble/tabindicator is a picture in drawble

Upvotes: 2

Jessicardo
Jessicardo

Reputation: 869

It's called Tab HairLine Style. You can use this tool to generate and probably figure out how to change the color : http://jgilfelt.github.io/android-actionbarstylegenerator/

Upvotes: 0

Related Questions