How to set custom ActionBar color style

Question

I am using Android Navigation bar in my project  I want to change the top color in action bar to something red  How can i do that  I have something like this   and i want something like this   how can i achieve that

User · Answer

For Android 3 0 and higher only  When supporting Android 3 0 and higher only  you can define the action bar s background like this   res values themes xml   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   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   style Widget Holo Light ActionBar Solid Inverse  gt          lt item name  android background  gt  ff0000 lt  item gt     lt  style gt   lt  resources gt    For Android 2 1 and higher  When using the Support Library  your style XML file might look like this    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   style Theme AppCompat Light DarkActionBar  gt       lt item name  android actionBarStyle  gt  style MyActionBar lt  item gt        lt  -- Support library compatibility -- gt       lt item name  actionBarStyle  gt  style MyActionBar lt  item gt   lt  style gt    lt  -- ActionBar styles -- gt   lt style name  MyActionBar         parent   style Widget AppCompat Light ActionBar Solid Inverse  gt       lt item name  android background  gt  drawable actionbar background lt  item gt        lt  -- Support library compatibility -- gt       lt item name  background  gt  drawable actionbar background lt  item gt     lt  style gt    lt  resources gt    Then apply your theme to your entire app or individual activities         for more details Documentaion

User · Answer

Another possibility of making   actionBar setBackgroundDrawable new ColorDrawable Color parseColor   0000ff

User · Answer

As I was using AppCompatActivity above answers didn t worked for me  But the below solution worked   In res styles xml   lt resources gt   lt  -- Base application theme  -- gt   lt style name  AppTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt  -- Customize your theme here  -- gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt   lt  style gt       PS  I ve used colorPrimary instead of android colorPrimary

User · Answer

Custom Color     lt style name  AppTheme  parent  Theme AppCompat Light  gt                    lt item name  colorPrimary  gt  color ColorPrimary lt  item gt                   lt item name  colorPrimaryDark  gt  color ColorPrimaryDark lt  item gt                   lt  -- Customize your theme here  -- gt        lt  style gt    Custom Style     lt style name  Theme AndroidDevelopers  parent  android style Theme Holo Light  gt           lt item name  android selectableItemBackground  gt  drawable ad selectable background lt  item gt           lt item name  android popupMenuStyle  gt  style MyPopupMenu lt  item gt           lt item name  android dropDownListViewStyle  gt  style MyDropDownListView lt  item gt           lt item name  android actionBarTabStyle  gt  style MyActionBarTabStyle lt  item gt           lt item name  android actionDropDownStyle  gt  style MyDropDownNav lt  item gt           lt item name  android listChoiceIndicatorMultiple  gt  drawable ad btn check holo light lt  item gt           lt item name  android listChoiceIndicatorSingle  gt  drawable ad btn radio holo light lt  item gt       lt  style gt    For More  Android ActionBar

User · Answer

You can change action bar color on this way    lt style name  AppTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt item name  colorPrimary  gt  color green action bar lt  item gt   lt  style gt    Thats all you need for changing action bar color   Plus if you want to change the status bar color just add the line     lt item name  android colorPrimaryDark  gt  color green dark action bar lt  item gt    Here is a screenshot taken from developer android site to make it more clear  and here is a link to read more about customizing the color palete

User · Answer

I can change ActionBar text color by using titleTextColor   lt style name  AppTheme  parent  Theme AppCompat Light DarkActionBar  gt       lt item name  titleTextColor  gt  333333 lt  item gt   lt  style gt

User · Answer

Use this - http   jgilfelt github io android-actionbarstylegenerator   Good tool to customize your actionbar with a live preview in couple of minutes

User · Answer

In general Android OS leverages a    theme    to allow app developers to globally apply a universal set of UI element styling parameters to Android applications as a whole  or  alternatively  to a single Activity subclass   So there are three mainstream Android OS    system themes     which you can specify in your Android Manifest XML file when you are developing apps for Version 3 0 and later versions  I am referring the  APPCOMPAT support library here -- So the three themes are  1   AppCompat Light Theme  Theme AppCompat Light      AppCompat Dark Theme Theme AppCompat         And a hybrid between these two  AppCompat Light Theme with the Darker ActionBar   Theme AppCompat Light DarkActionBar    AndroidManifest xml and see the  tag  the android theme is mentioned as -- android theme   style AppTheme    Open the Styles xml and we have base application theme declared there --   lt style name  AppTheme  parent  Theme AppCompat Light DarkActionBar  gt     lt  style gt    We need to override these parent theme elements to style the action bar   ActionBar with different color background --  To do this we need to create a new style MyActionBar you can give any name  with a parent reference to  style Widget AppCompat Light ActionBar Solid Inverse  that holds the style characteristics for the Android ActionBar UI element  So definition would be   lt style name  MyActionBar  parent   style Widget AppCompat Light ActionBar Solid Inverse  gt       lt item name  background  gt  color red lt  item gt   lt  style gt    And this definition we need to reference in our AppTheme  pointing to overridden ActionBar styling as--      style MyActionBar      Change the title bar text color  e g black to white  --  Now to change the title text color  we need to override the parent reference parent   style TextAppearance AppCompat Widget ActionBar Title    So the style definition would be   lt style name  MyActionBarTitle  parent   style TextAppearance AppCompat Widget ActionBar Title  gt       lt item name  android textColor  gt  color white lt  item gt   lt  style gt    We   ll reference this style definition inside the MyActionBar style definition  since the TitleTextStyle modification is a child element of an ActionBar parent OS UI element  So the final definition of MyActionBar style element will be   lt style name  MyActionBar  parent   style Widget AppCompat Light ActionBar Solid Inverse  gt       lt item name  background  gt  color red lt  item gt       lt item name  titleTextStyle  gt  style MyActionBarTitle lt  item gt   lt  style gt    SO this is the final Styles xml   lt resources gt       lt  -- Base application theme  -- gt       lt style name  AppTheme  parent  Theme AppCompat Light  gt           lt  -- This is the styling for action bar -- gt           lt item name  actionBarStyle  gt  style MyActionBar lt  item gt       lt  style gt        lt style name  MyActionBar  parent   style Widget AppCompat Light ActionBar Solid Inverse  gt           lt item name  background  gt  color red lt  item gt           lt item name  titleTextStyle  gt  style MyActionBarTitle lt  item gt       lt  style gt        lt style name  MyActionBarTitle  parent   style TextAppearance AppCompat Widget ActionBar Title  gt           lt item name  android textColor  gt  color white lt  item gt       lt  style gt   lt  resources gt      For further ActionBar options Menu styling  refer this link

User · Answer

You can define the color of the ActionBar  and other stuff  by creating a custom Style   Simply edit the res values styles xml file of your Android project   For example like this    lt resources gt       lt style name  MyCustomTheme  parent   android style Theme Holo Light  gt           lt item name  android actionBarStyle  gt  style MyActionBarTheme lt  item gt       lt  style gt        lt style name  MyActionBarTheme  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    Then set  MyCustomTheme  as the Theme of your Activity that contains the ActionBar   You can also set a color for the ActionBar like this   ActionBar actionBar   getActionBar    actionBar setBackgroundDrawable new ColorDrawable Color RED       set your desired color   Taken from here  How do I change the background color of the ActionBar of an ActionBarActivity using XML

User · Answer

in the style xml add this code   lt resources gt       lt style name  MyTheme  parent   android style Theme Holo Light  gt           lt item name  android actionBarStyle  gt  style MyAction lt  item gt       lt  style gt        lt style name  MyActionBarTheme  parent   android style Widget Holo Light ActionBar  gt           lt item name  android background  gt  333333 lt  item gt       lt  style gt   lt  resources gt

[android] How to set custom ActionBar color / style?

Examples related to android

Examples related to colors

Examples related to background

Examples related to android-actionbar

Examples related to navigation-drawer