Chris Stewart
Chris Stewart

Reputation: 3299

Android 3.0 ActionBar, changing colors

How can I change the color of the underline beneath the tabs? It's currently the light blue, and I can't find any resources on how to change this for Android 3.0.

Additionally, I'd like to change the text color for the menu items that show up on the right of the ActionBar as a result of: android:showAsAction="ifRoom|withText"

Anyone know how to change these?

Upvotes: 11

Views: 19675

Answers (4)

hidabe
hidabe

Reputation: 31

I think that you can use:

<resources>
    <style name="MyTheme" parent="android:style/Theme.Holo.Light">
        <item name="android:actionMenuTextColor">@color/...</item>
    </style>
</resources>

Regards

Upvotes: 3

seibelj
seibelj

Reputation: 910

None of these solutions worked for me. I changed the colors of my tabs as follows:

This is in the themes.xml

<style name="MyApp" parent="android:style/Theme.Holo">
    <item name="android:actionBarTabTextStyle">@style/MyApp.ActionBar.MyTabStyle</item>
</style>

This is in styles.xml

<style name="MyApp.ActionBar.MyTabStyle" parent="android:style/Widget.Holo.ActionBarView_TabText">
    <item name="android:textColor">#00ff00</item>
</style>

This should make your tabs green.

Upvotes: 4

Topper Harley
Topper Harley

Reputation: 12394

As additional info, here's how I found out how to change the blue bar below each tab (the answer above is perfectly good, but I lacked little information that I put here, which might be useful to somebody).

You just need to change the background to a 9 patch drawable.

Here's how it looks like:
http://android-developers.blogspot.com/2011/04/customizing-action-bar.html

Source available here:
http://code.google.com/p/styled-action-bar/source/browse/trunk/res/drawable/actionbar_tab_bg.xml

9 patches available here:
http://code.google.com/p/styled-action-bar/source/browse/trunk/res/drawable-mdpi

I know this was really easy, but again, it might be useful so I'm just dropping the links here.

Upvotes: 10

mgv
mgv

Reputation: 8484

You can control the appearance of the tabs by using the properties android:actionBarTabStyle, android:actionBarTabBarStyle, and android:actionBarTabTextStyle.

This section in the official developer guide shows a sample xml to customize the action bar's style.

Regarding the text of the menu options check the properties actionMenuTextAppearance and actionMenuTextColor.

Upvotes: 17

Related Questions