Change Toolbar background color programmatically does not change Toolbar Title Background color

Question

I´m trying to change the toolbar Background color programmatically by doing this:

getSupportActionBar().setBackgroundDrawable(newColorDrawable(getResources().getColor(R.color.test_color_blue)));

And this is the result:

before:

enter image description here

After:

enter image description here

Some how the toolbar title still has the same background color as before.

here is my toolbar xml:

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
app:theme="@style/Theme.Toolbar">

And here is the Theme:

<style name="Theme.Toolbar" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="android:maxHeight">@dimen/abc_action_bar_default_height_material</item>
    <item name="android:background">@color/primary</item>
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@android:color/white</item>
    <item name="titleTextAppearance">@style/Theme.Toolbar.Title</item>
</style>

Have you applied any custom style for actionbar in styles.xml, may be some of them is conflicting. — Harin, Apr 06 '15 at 09:10

score 14 · Answer 1 · answered Apr 09 '15 at 08:02

Change your code as follows:

toolbar.xml

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        style="@style/MyToolbarStyle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">

Theme / Style

<style name="MyToolbarStyle">
    <item name="android:maxHeight">@dimen/abc_action_bar_default_height_material</item>
    <item name="android:background">@color/primary</item>
    <item name="popupTheme">@style/ThemeOverlay.AppCompat.Light</item>
    <item name="titleTextAppearance">@style/Theme.Toolbar.Title</item>
    <!-- No need for colorPrimary, colorPrimaryDark, colorAccent here
         this should go to the AppTheme -->
</style>

Result

Before setting the new background color:

picture before background color change

and after:

picture after background color change

Where did you put colorPrimary/PrimaryDark etc i.e. where do you place your 'AppTheme'? Also, is there any particular reason you're not setting a parent theme? — ThePersonWithoutC, Jul 01 '16 at 02:50
It's basically just a custom style and I don't want to inherit any attributes from an other theme thus I'm not specifying a parent theme. Regarding `colorPrimary`: That's set in the AppTheme which is used by the application / activities. By default the `Toolbar` sets the background depending on the `colorPrimary` attribute unless you don't override it with a style. — reVerse, Jul 02 '16 at 08:15

score 7 · Answer 2 · answered Feb 20 '16 at 04:26

7

Late, but I hope it would be helpful comment

I had this item in my Activity style

<item name="android:background">someColor</item>

so when I changed toolbar color, title and menu items didn't change background. I just removed this item and now it works perfect.

I did not have time to understand the details, but I think it might be useful to someone else.

answered Feb 20 '16 at 04:26

Igor Tyulkanov

5,487
2
32
49

I have found that removing this does fix the toolbar. However, how can you set the background colour without breading the toolbar? – Richard Barraclough Jun 18 '20 at 10:48

score 4 · Answer 3 · answered Apr 06 '15 at 15:09

use this to access the textview

public void changeToggleTitle() {
    if (mToolbar != null) {
        for(int i= 0; i < mToolbar.getChildCount(); i++){
            View v = mToolbar.getChildAt(i);
            if(v != null && v instanceof TextView){
                TextView t = (TextView) v;
                // Do the magic 
            }
        }
    }
}

score 1 · Answer 4 · answered Jun 18 '20 at 10:53

1

In my style I changed

        <item name="android:background">@color/background</item>

to

        <item name="android:windowBackground">@color/background</item>

and that seems to have fixed it for me.

answered Jun 18 '20 at 10:53

Richard Barraclough

2,625
3
36
54

score -1 · Answer 5 · answered Mar 24 '17 at 15:03

-1

mToolbar.setBackgroundResource(mGameEnum.getPrimeColorRes());

answered Mar 24 '17 at 15:03

Kai Wang

3,303
1
31
27

Change Toolbar background color programmatically does not change Toolbar Title Background color

5 Answers5

Linked