How do I change the background color of the ActionBar of an ActionBarActivity using XML

Question

Details   I m extending ActionBarActivity  Eclipse and SDK fully patched as of 2011-11-06      lt uses-sdk android minSdkVersion  4  android targetSdkVersion  14    gt      Deployed to Samsung device with Android 2 3 3 Application has android theme   android style Theme Light     Issue  application is light  but ActionBar is blue with grey icons  hardly visible against the blue background color  I also want the ActionBar to be light  so they grey icons are more visible   I ve tried modifying the styles but to no avail  I m probably missing something trivial     How do I change the background color of the ActionBar of an ActionBarActivity using XML

User · Answer

Sometimes this option throws NullPointerException

ActionBar actionbar = getActionBar(); actionbar.setBackgroundDrawable(new ColorDrawable("color"));

But this option is worked for me. So you can try this.

getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#FFFFFF")));

Happy Coding

User · Answer

Its very simple for those who are using API 21 or greater Use this code below for Dark ActionBar  lt resources gt   lt style name  quot AppTheme quot  parent  quot Theme AppCompat NoActionBar quot  gt       lt  -- Customize your theme here  -- gt       lt item name  quot android background quot  gt  color colorDarkGrey lt  item gt   lt  style gt    for LightActionBar  lt resources gt   lt style name  quot AppTheme quot  parent  quot Theme AppCompat Light ActionBar quot  gt       lt item name  quot android background quot  gt  color colorDarkGrey lt  item gt   lt  style gt

User · Answer

If you are using androidx AppCompact  Use below code   androidx appcompat app ActionBar actionBar   getSupportActionBar    actionBar setBackgroundDrawable new ColorDrawable  Color

User · Answer

Use below code to provide different color to actionbar text and actionbar background just use below theme in manifest against the activity in which you want output      lt style name  MyTheme  parent   android style Theme Holo Light  gt       lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt   lt  style gt    lt style name  MyActionBar  parent   android style Widget Holo Light ActionBar  gt       lt item name  android titleTextStyle  gt  style TitleBarTextColor lt  item gt       lt item name  android background  gt YOUR COLOR CODE lt  item gt   lt  style gt    lt style name  TitleBarTextColor  parent   style TextAppearance AppCompat Widget ActionBar Title  gt       lt item name  android textColor  gt YOUR COLOR CODE lt  item gt   lt  style gt

User · Answer

Use this  it would work   ActionBar actionbar   getActionBar    actionbar setBackgroundDrawable new ColorDrawable  color

User · Answer

This code may be helpful    lt  -- Base application theme  -- gt   lt style name  AppTheme  parent  Theme AppCompat Light  gt       lt  -- Customize your theme here  -- gt   lt  style gt   lt style name  Theme MyTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt  -- customize the color palette -- gt       lt item name  colorPrimary  gt  color material blue 500 lt  item gt       lt item name  colorPrimaryDark  gt  color material blue 700 lt  item gt       lt item name  colorAccent  gt  color material blue 500 lt  item gt       lt item name  colorControlNormal  gt  color black lt  item gt    lt  style gt   lt style name  CardViewStyle  parent  CardView Light  gt       lt item name  android state pressed  gt  color material blue 700 lt  item gt       lt item name  android state focused  gt  color material blue 700 lt  item gt       lt  -- lt item name  android background  gt  android attr selectableItemBackground lt  item gt -- gt   lt  style gt

User · Answer

Direct add this line with your color code  getSupportActionBar   setBackgroundDrawable      new ColorDrawable Color parseColor   5e9c00        not need to create ActionBar object every time

User · Answer

try this   ActionBar bar   getActionBar    bar setBackgroundDrawable new ColorDrawable Color parseColor   0000ff

User · Answer

try one line code    getActionBar   setBackgroundDrawable new ColorDrawable getResources   getColor R color MainColor

User · Answer

Try this  ActionBar bar   getActionBar    bar setBackgroundDrawable new ColorDrawable  COLOR

User · Answer

When you are Extending Activity use following Code  ActionBar actionbar   getActionBar    actionbar setBackgroundDrawable new ColorDrawable  color       When you are Extending AppCompatActivity use following Code  ActionBar actionbar   getSupportActionBar    actionbar setBackgroundDrawable new ColorDrawable  color

User · Answer

As per documentation -  You can control the behaviors and visibility of the action bar with the ActionBar APIs  which were added in Android 3 0  API level 11     So  ActionBar will not work for your target environment which is at API level 10  Android 2 3 3    Just in case  if you target for minimum API level 11   you can change ActionBar s background color by defining custom style  as    lt resources gt       lt style name  MyTheme  parent   android style Theme Holo Light  gt           lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt       lt  style gt        lt style name  MyActionBar  parent   android style Widget Holo Light ActionBar  gt           lt item name  android background  gt ANY HEX COLOR CODE lt  item gt       lt  style gt   lt  resources gt    And  set  MyTheme  as theme for application   activity

User · Answer

This worked for me  for AppCompatActivity                    lt item name  actionBarStyle  gt  style BlackActionBar lt  item gt   lt  style gt    lt style name  BlackActionBar  parent   style Widget AppCompat ActionBar Solid  gt       lt item name  background  gt  android color black lt  item gt       lt item name  titleTextStyle  gt  style BlackActionBarTitleTextStyle lt  item gt   lt  style gt    lt style name  BlackActionBarTitleTextStyle  parent   style TextAppearance AppCompat Widget ActionBar Title  gt       lt item name  android textColor  gt  android color white lt  item gt       lt item name  android fontFamily  gt  font cinzel decorative lt  item gt   lt  style gt

User · Answer

This is how you can change the color of Action Bar   import android app Activity  import android content Context  import android graphics Color  import android graphics drawable ColorDrawable  import android os Build  import android support v4 content ContextCompat  import android support v7 app ActionBar  import android support v7 app AppCompatActivity    public class ActivityUtils    public static void setActionBarColor AppCompatActivity appCompatActivity  int colorId       ActionBar actionBar   appCompatActivity getSupportActionBar        ColorDrawable colorDrawable   new ColorDrawable getColor appCompatActivity  colorId        actionBar setBackgroundDrawable colorDrawable      public static final int getColor Context context  int id        final int version   Build VERSION SDK INT      if  version  gt   23            return ContextCompat getColor context  id         else           return context getResources   getColor id               From your MainActivity java change the action bar color like this      ActivityUtils setActionBarColor this  R color green 00c1c1

User · Answer

getActionBar   setBackgroundDrawable new ColorDrawable getResources   getColor R color TabColor       color xml file    lt resources gt   lt color name  TabColor  gt  11FF00 lt  color gt   lt  resources gt

User · Answer

Behavior of Actionbar can also be changed in APIs  lt  11 See the Android Official Documentation for reference I am building an app with minSdkVersion    quot 9 quot  and targetSdkVersion    quot 21 quot  I changed the color of action bar and it works fine with API level 9 Here is an xml res values themes xml  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt resources gt       lt  -- the theme applied to the application or activity -- gt       lt style name  quot CustomActionBarTheme quot             parent  quot  style Theme AppCompat Light DarkActionBar quot  gt           lt item name  quot android actionBarStyle quot  gt  style MyActionBar lt  item gt            lt  -- Support library compatibility -- gt           lt item name  quot actionBarStyle quot  gt  style MyActionBar lt  item gt       lt  style gt        lt  -- ActionBar styles -- gt       lt style name  quot MyActionBar quot             parent  quot  style Widget AppCompat Light ActionBar Solid Inverse quot  gt           lt item name  quot android background quot  gt  color actionbar background lt  item gt            lt  -- Support library compatibility -- gt           lt item name  quot background quot  gt  color actionbar background lt  item gt       lt  style gt   lt  resources gt   and set the color of actionbar you want res values colors xml  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt resources gt       lt color name  quot actionbar background quot  gt  fff lt  color gt    write the color you want here  lt  resources gt   Actionbar color can also be defined in  class file  the snippet is ActionBar bar   getActionBar    bar setBackgroundDrawable new ColorDrawable Color parseColor  quot  0000ff quot       but this will not work with the API  lt  11  so styling the actionbar in xml is only way for API  lt  11

User · Answer

Use this - http   jgilfelt github io android-actionbarstylegenerator   Its an amazing tool that lets you customize your actionbar with a live preview   I tried the earlier answers but always had problems with changing other colors like the tabs and letters and spent hours tweaking stuff  This tool helped me get my design done in just a couple of minutes     All the best

User · Answer

Use This code   to change action bar background color  open  res values themes xml   if not present  create it  and add    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt   lt  -- the theme applied to the application or activity -- gt   lt style name  CustomActionBarTheme         parent   android style Theme Holo Light DarkActionBar  gt       lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt   lt  style gt    lt  -- ActionBar styles -- gt   lt style name  MyActionBar         parent   android style Widget Holo Light ActionBar Solid Inverse  gt       lt item name  android background  gt  drawable actionbar background lt  item gt   lt  style gt      Note   this code works for android 3 0 and higher versions only

User · Answer

I had the same problem  where my Action Bar would turn grey when I entered that code  Chances are your original style sheet looked like this    lt style name  AppBaseTheme  parent  android Theme Holo Light DarkActionBar  gt       lt  -- API 14 theme customizations can go here  -- gt   lt  style gt    The  DarkActionBar  was what was keeping your Action Bar grey  I changed it to this  and it worked    lt style name  AppBaseTheme  parent  android Theme Holo Light  gt       lt  -- API 14 theme customizations can go here  -- gt       lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt   lt  style gt    lt style name  MyActionBar  parent   android style Widget Holo Light ActionBar  gt       lt item name  android background  gt  2aa4cd lt  item gt       lt item name  android titleTextStyle  gt  style Theme MyAppTheme ActionBar TitleTextStyle lt  item gt   lt  style gt            lt style name  Theme MyAppTheme ActionBar TitleTextStyle  parent  android style TextAppearance Holo Widget ActionBar Title  gt       lt item name  android textColor  gt  FFFFFF lt  item gt   lt  style gt        I also threw in how to edit the text color  Also  no need to change anything surrounding the resources   -Warren

User · Answer

On the Nexus 4 people this seems to make the color go grey   ActionBar bar   getActionBar       or MainActivity getInstance   getActionBar   bar setBackgroundDrawable new ColorDrawable 0xff00DDED    bar setDisplayShowTitleEnabled false       required to force redraw  without  gray color bar setDisplayShowTitleEnabled true      all credit to this post  but it is buried in the comments  so I wanted to surface it here   https   stackoverflow com a 17198657 1022454

[android] How do I change the background color of the ActionBar of an ActionBarActivity using XML?

Examples related to android

Examples related to android-actionbar

Examples related to android-theme

Examples related to android-styles