Android：ActionBar的自定义背景色

Question

I've read many posts on this problem, but none have helped. Can someone explain why my project will not change the background color of my Action Bar? The docs say to include support library compatibility, via

<item name="background">@drawable/actionbar_background</item>, 

however, I don't know how to specify just a color for the drawable. Putting #57d1a3 here gives an error. I'm not even sure this would solve my problem.

MainActivity:

public class MainActivity extends ActionBarActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}
}

Manifest:

<?xml version="1.0" encoding="utf-8"?>

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/CustomActionBarTheme" >
    <activity
        android:name=".MainActivity"
        android:label="@string/app_name" >
        android:theme="@style/CustomActionBarTheme" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

Main Menu:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
    <item android:id="@+id/action_settings" android:title="@string/action_settings"
    android:orderInCategory="100" app:showAsAction="never" />
</menu>

And finally, styles.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- the theme applied to the application or activity -->
<style name="CustomActionBarTheme"
    parent="@style/Theme.AppCompat.Light">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
</style>

<!-- ActionBar styles -->
<style name="MyActionBar"
    parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:background">#57d1a3</item>
</style>
</resources>

Answer 1

Try changing your code in styles.xml:

<resources xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android">
<!-- the theme applied to the application or activity -->
  <style name="CustomActionBarTheme"
      parent="@style/Theme.AppCompat.Light">
      <item name="android:actionBarStyle" tools:ignore="NewApi">@style/MyActionBar</item>
  </style>

<!-- ActionBar styles -->
  <style name="MyActionBar"
      parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
      <item name="android:background" tools:ignore="NewApi">#57d1a3</item>
       <item name="background" tools:ignore="NewApi">@color/myColor</item>
  </style>
</resources>

Answer 2

This seems to work for me

<resources>
    <style name="MyTheme" parent="@android:style/Theme.AppCompat.Light">
        <item name="android:actionBarStyle">@style/MyActionBar</item>
    </style>

    <style name="MyActionBar" parent="@android:style/Widget.AppCompat.Light.ActionBar.Solid">
        <item name="android:background">#FF0000</item>
    </style>
</resources>

You can make a simple drawable like this

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="#YOUR_OWN_COLOR"/> 
</shape>

Answer 3

Since you're using AppCompat for theming, the answer is really simple. Don't use an Action Bar but instead, a ToolBar . Below is an example of how to define a Toolbar in XML, and set it up in your activity with color.

toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fb_toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize" />

YourActivity.java:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.feedback_activity);

    Toolbar tb = (Toolbar) findViewById(R.id.fb_toolbar);
    setSupportActionBar(tb);

    //Parse a color with any hex code
    tb.setBackgroundColor(Color.parseColor("#FFFFFF"));
    //Set title
    tb.setTitle("Your title");
}

This should make a Toolbar with a background color of white and a title of "Your Title".

Edit:

Here's a snippet of styles.xml which I use for one of my apps. It uses a toolbar and navigation drawer so some of it can be ignored.

styles.xml:

<style name="AppThemeNavDrawer" parent="Theme.AppCompat.NoActionBar">
    <item name="colorAccent">#F8F8F8</item>
    <item name="windowActionModeOverlay">true</item>
</style>

<style name="ToolbarCustomIconColor" parent="AppThemeNavDrawer">
    <item name="android:textColorSecondary">#FFFFFF</item>
    <item name="android:activatedBackgroundIndicator">@drawable/drawer_list_selector</item>
</style>