Android: Change color of line below ActionBar

Question

I want to change the color of the orange line below the ActionBar.

I've tried a few things but nothing has helped so far.

The current theme on my Galaxy S2 is an orange theme. So changing the theme, also changes the line. But I don´t know how to get access to that line, in order to change the color.

Use Action bar style generator http://jgilfelt.github.io/android-actionbarstylegenerator/#name=example&compat=holo&theme=light&actionbarstyle=solid&backColor=E4E4E4%2C100&secondaryColor=D6D6D6%2C100&tertiaryColor=F2F2F2%2C100&accentColor=33B5E5%2C100 — An-droid, Sep 11 '13 at 08:34

score 12 · Answer 1 · 2014-03-23T12:49:05.640

You can use This code for achieving your purpose.

background.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ff0000" />
        </shape>
    </item>
    <item android:bottom="5dp">
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
        </shape>
    </item>
</layer-list>

styles.xml

<resources>
    <style name="AppTheme" parent="android:Theme.Holo">
        <item name="android:actionBarStyle">@style/AppTheme.ActionBar</item>
        <item name="android:background">#ffffff</item>
        <item name="android:colorBackground">#ffffff</item>
    </style>
    <style name="AppTheme.ActionBar" parent="android:Widget.ActionBar">
        <item name="android:background">@drawable/background</item>
    </style>
</resources>

These codes are suitable when you have not any options menu like image shows in question, if you have options menu you must customize your option menu items background.

If you have Option menu below code is suitable:

<resources>
    <style name="AppTheme" parent="android:Theme.Holo.Light">
        <item name="android:actionBarStyle">@style/AppTheme.ActionBar</item>
        <item name="android:popupMenuStyle">@style/AppTheme.PopUpMenu</item>
    </style>
    <style name="AppTheme.ActionBar" parent="android:Widget.ActionBar">
        <item name="android:background">@drawable/background</item>
    </style>
    <style name="AppTheme.PopUpMenu" parent="android:Widget.Holo.Light.ListPopupWindow">
        <item name="android:popupBackground">@drawable/background</item>
    </style>
</resources>

When I use the PopUpMenu style here, my action bar text is gone. — Adam Johns, Apr 01 '15 at 04:24

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

4

There is A simpler way than this (Creating Bunch of Styles). Refering to this . Just set

getActionBar().setBackgroundDrawable(null);

This will Remove the line from Your Action Bar

edited May 23 '17 at 12:17

Community

1
1

answered Jul 17 '14 at 05:08

GOLDEE

2,318
3
25
49

score 1 · Answer 3 · answered Oct 20 '14 at 22:48

I used this ^_^ and it is 100% working:

    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    Drawable res = getResources().getDrawable(R.drawable.ab_transparent_example);
    getActionBar().setBackgroundDrawable(res);

and JUST USE THIS .9.png

score 0 · Answer 4 · answered Mar 02 '17 at 11:59

In my case, in my application, I used the Holo theme.

<style name="AppTheme" parent="android:Theme.Holo">
       ...
 </style>

Background toolbar is set through the property.

<style name="AppTheme" parent="android:Theme.Holo">
    <item name="android:actionBarStyle">@style/ActionBarStyle</item>
</style>

<style name="ActionBarStyle" parent="@android:style/Widget.Holo.ActionBar">
    <item name="android:background">@drawable/action_bar_background</item>
</style>

Standard Holo action bar background is nine-patch drawable like this:
nine patch drawable

So, if you want to change the color of the bottom line, you need to create a new nine-patch drawable. Create Resizable Bitmaps (9-Patch files)

Put the file in the folder drawable (example drawable-xxhdpi) and specify the path to the file in the theme.

Android: Change color of line below ActionBar

4 Answers4

Linked