How to change the status bar color in Android

Question

First of all it s not a duplicate as in How to change the background color of android status bar  How do I change the status bar color which should be same as in navigation bar   I want the status bar color to be same as the navigation bar color

User · Answer

Just add these lines in your styles xml file  lt style name  quot AppTheme quot  parent  quot Theme AppCompat Light NoActionBar quot  gt       lt  -- This is used for statusbar color  -- gt       lt item name  quot colorPrimaryDark quot  gt  color colorPrimaryDark lt  item gt       lt  -- This is used for statusbar content color  If statusbarColor is light  use  quot true quot  otherwise use  quot false quot -- gt       lt item name  quot android windowLightStatusBar quot  gt false lt  item gt   lt  style gt

User · Answer

To change the color for above lolipop just add this to your styles xml   lt item name  android statusBarColor  gt  color statusBarColor lt  item gt    but remember  if you  want to have a light color for the status bar  add this line too   lt item name  android windowLightStatusBar  gt true lt  item gt

User · Answer

For Java Developers  As  Niels said you have to place in values-v21 styles xml   lt item name  quot android statusBarColor quot  gt  color black lt  item gt   But add tools targetApi  quot lollipop quot  if you want single styles xml  like   lt item name  quot android statusBarColor quot  tools targetApi  quot lollipop quot  gt  color black lt  item gt   For Kotlin Developers  window statusBarColor   ContextCompat getColor this  R color color name

User · Answer

You can use this simple code   One-liner in Kotlin   window statusBarColor   ContextCompat getColor this  R color colorName    Original answer with Java  amp  manual version check   if  Build VERSION SDK INT  gt   Build VERSION CODES M        getWindow   setStatusBarColor getResources   getColor R color colorAccentDark light  this getTheme        else if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP        getWindow   setStatusBarColor getResources   getColor R color colorAccentDark light

User · Answer

i used this code to change status bar to transparent     activity  window  setFlags          WindowManager LayoutParams FLAG LAYOUT NO LIMITS          WindowManager LayoutParams FLAG LAYOUT NO LIMITS        to change it to color in style used this code i used in fragment in onDetach   activity  window  clearFlags WindowManager LayoutParams FLAG LAYOUT NO LIMITS

User · Answer

This is what worked for me in KitKat and with good results   public static void setTaskBarColored Activity context            if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT                        Window w   context getWindow                w setFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS  WindowManager LayoutParams FLAG TRANSLUCENT STATUS                 status bar height             int statusBarHeight   Utilities getStatusBarHeight context                View view   new View context               view setLayoutParams new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams WRAP CONTENT                view getLayoutParams   height   statusBarHeight                ViewGroup  w getDecorView    addView view               view setBackgroundColor context getResources   getColor R color colorPrimaryTaskBar

User · Answer

Update   Lollipop   public abstract void setStatusBarColor  int color    Added in API level 21  Android Lollipop brought with it the ability to change the color of status bar in your app for a more immersive user experience and in tune with Google   s Material Design Guidelines    Here is how you can change the color of the status bar using the new window setStatusBarColor method introduced in API level 21    Changing the color of status bar also requires setting two additional flags on the Window  you need to add the FLAG DRAWS SYSTEM BAR BACKGROUNDS flag and clear the FLAG TRANSLUCENT STATUS flag   Working Code   import android view Window         Window window   activity getWindow        clear FLAG TRANSLUCENT STATUS flag  window clearFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS       add FLAG DRAWS SYSTEM BAR BACKGROUNDS flag to the window window addFlags WindowManager LayoutParams FLAG DRAWS SYSTEM BAR BACKGROUNDS       finally change the color window setStatusBarColor ContextCompat getColor activity R color my statusbar color      Offcial developer reference   setStatusBarColor int   Example  material-design-everywhere  Chris Banes Blog- appcompat v21  material design for pre-Lollipop devices     The transitionName for the view background will be android status background

User · Answer

To Change the color of the status bar go to  res values-v21 styles xml and color of status bar   lt resources gt       lt  -- Base application theme  -- gt       lt style name  AppTheme  parent  Theme AppCompat Light  gt           lt item name  colorPrimary  gt  color color primary lt  item gt           lt item name  colorPrimaryDark  gt  color color secondary lt  item gt           lt item name  colorAccent  gt  color color accent lt  item gt           lt item name  android statusBarColor  gt  0000FF lt  item gt       lt  style gt   lt  resources gt

User · Answer

Place this is your values-v21 styles xml  to enable this on Lollipop    lt resources gt       lt  -- Base application theme  -- gt       lt style name  AppTheme  parent  Theme AppCompat Light  gt           lt item name  colorPrimary  gt  color color primary lt  item gt           lt item name  colorPrimaryDark  gt  color color secondary lt  item gt           lt item name  colorAccent  gt  color color accent lt  item gt           lt item name  android statusBarColor  gt  color color primary lt  item gt       lt  style gt   lt  resources gt

User · Answer

I had this requirement  Changing programmatically the status bar color keeping it transparent  to allow the Navigation Drawer to draw itself overlapping the trasparent status bar   I cannot do that using the API  getWindow   setStatusBarColor ContextCompat getColor activity  R color my statusbar color    If you check here in stack overflow everyone before that line of code set the transparency of the status bar to solid with  getWindow   clearFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS    I m able to manage color and transparency of status bar like this    Android 4  there s not much you can do  because you can t manage status bar color from the API     the only thing you can do is to set the status bar as translucent and move a colored element of you UI under the status bar  To do this you need to play with  android fitsSystemWindows  false    in your main layout  This allows you to draw you layout under the status bar  Then you need to play with some padding with the top of your main layout  Android 5 and above  you have to define a style with   lt item name  android windowDrawsSystemBarBackgrounds  gt true lt  item gt   lt item name  android statusBarColor  gt  android color transparent lt  item gt    this allows the navigation drawer to overlap the status bar   Then to change the color keeping the status bar transparent you have to set the status bar color with  drawerLayout setStatusBarBackgroundColor ContextCompat getColor activity  R color my statusbar color     where drawerLayout is defined like this   lt android support v4 widget DrawerLayout     android id    id drawer layout      android layout width  match parent      android layout height  match parent      android fitsSystemWindows  true  gt

User · Answer

If you want to work on Android 4 4 and above  try this  I refer to Harpreet s answer and this link  Android and the transparent status bar  First  call setStatusBarColored method in Activity s onCreate method I put it in a util class   I use a image here  you can change it to use a color   public static void setStatusBarColored Activity context        if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT                Window w   context getWindow            w setFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS  WindowManager LayoutParams FLAG TRANSLUCENT STATUS           int statusBarHeight   getStatusBarHeight context            View view   new View context           view setLayoutParams new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT  ViewGroup LayoutParams WRAP CONTENT            view getLayoutParams   height   statusBarHeight            ViewGroup  w getDecorView    addView view           view setBackground context getResources   getDrawable R drawable navibg             public static int getStatusBarHeight Activity context        int result   0      int resourceId   context getResources   getIdentifier  status bar height    dimen    android        if  resourceId  gt  0            result   context getResources   getDimensionPixelSize resourceId             return result      Before    After    The color of the status bar has been changed  but the navi bar is cut off  so we need to set the margin or offset of the navi bar in the onCreate method   if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT            LinearLayout LayoutParams layoutParams   new LinearLayout LayoutParams                  ViewGroup LayoutParams MATCH PARENT   int  this getResources   getDimension R dimen navibar height             layoutParams setMargins 0  Utils getStatusBarHeight this   0  0            this findViewById R id linear navi  setLayoutParams layoutParams           Then the status bar will look like this

User · Answer

Solution is very Simple  put the following lines into your style xml For dark mode   lt item name  quot android windowLightStatusBar quot  gt false lt  item gt   lt item name  quot android statusBarColor quot  gt  color black lt  item gt

User · Answer

Well  Izhar solution was OK but   personally  I am trying to avoid from code that looks as this    if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT      Do what you need for this SDK      As well  I don t like to duplicate code either  In your answer I have to add such line of code in all Activities   setStatusBarColor findViewById R id statusBarBackground  getResources   getColor android R color white      So  I took Izhar solution and used XML to get the same result  Create a layout for the StatusBar status bar xml   lt View xmlns android  http   schemas android com apk res android       android layout width  match parent       android layout height   dimen statusBarHeight       android background   color primaryColorDark       android elevation   dimen statusBarElevation  gt      Notice the height and elevation attributes  these will be set in values  values-v19  values-v21 further down   Add this layout to your activities layout using include  main activity xml    lt RelativeLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android background   color Black   gt    lt include layout   layout status bar   gt   lt include android id    id app bar  layout   layout app bar   gt    The rest of your layout         lt  RelativeLayout gt    For the Toolbar  add top margin attribute    lt 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   android attr actionBarSize  android background   color primaryColor  app theme   style MyCustomToolBarTheme  app popupTheme   style ThemeOverlay AppCompat Dark  android elevation   dimen toolbarElevation  android layout marginTop   dimen appBarTopMargin  android textDirection  ltr  android layoutDirection  ltr  gt      In your appTheme style-v19 xml and styles-v21 xml  add the windowTranslucent attr   styles-v19 xml  v21    lt resources gt   lt item name  android windowTranslucentStatus  gt true lt  item gt   lt  resources gt    And finally  on your dimens  dimens-v19  dimens-v21  add the values for the Toolbar topMargin  and the height of the statusBarHeight  dimens xml for less than KitKat    lt resources gt   lt dimen name  toolbarElevation  gt 4dp lt  dimen gt   lt dimen name  appBarTopMargin  gt 0dp lt  dimen gt   lt dimen name  statusBarHeight  gt 0dp lt  dimen gt   lt  resources gt    The status bar height is always 24dp dimens-v19 xml for KitKat and above    lt resources gt   lt dimen name  statusBarHeight  gt 24dp lt  dimen gt   lt dimen name  appBarTopMargin  gt 24dp lt  dimen gt   lt  resources gt    dimens-v21 xml for Lolipop  just add the elevation if needed    lt resources gt   lt dimen name  statusBarElevation  gt 4dp lt  dimen gt   lt  resources gt    This is the result for Jellybean KitKat and Lollipop

User · Answer

change the colorPrimaryDark to your desire color into the res values styles xml file       lt resources gt           lt color name  colorPrimary  gt  800000 lt  color gt           lt color name  colorPrimaryDark  gt  303F9F lt  color gt    This Line          lt color name  colorAccent  gt  FF4081 lt  color gt           lt color name  red  gt  FF0000 lt  color gt           lt color name  white  gt  FFFFFF lt  color gt          lt color name  cream  gt  fffdd0 lt  color gt          lt color name  burgundy  gt  800000 lt  color gt       lt  resources gt

User · Answer

You can change the status bar color with this function  works on android L means API 21 and higher and needs a color string such as   ffffff    private void changeStatusBarColor String color       if  Build VERSION SDK INT  gt   21            Window window   getWindow            window clearFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS           window addFlags WindowManager LayoutParams FLAG DRAWS SYSTEM BAR BACKGROUNDS           window setStatusBarColor Color parseColor color

User · Answer

this is very easy way to do this without any Library  if the OS version is not supported - under kitkat - so nothing happend  i do this steps    in my xml i added to the top this View      lt View         android id    id statusBarBackground          android layout width  match parent          android layout height  wrap content    gt     then i made this method    public void setStatusBarColor View statusBar int color       if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT               Window w   getWindow               w setFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS WindowManager LayoutParams FLAG TRANSLUCENT STATUS                status bar height            int actionBarHeight   getActionBarHeight               int statusBarHeight   getStatusBarHeight                 action bar height            statusBar getLayoutParams   height   actionBarHeight   statusBarHeight             statusBar setBackgroundColor color              also you need those both methods to get action Bar  amp  status bar height   public int getActionBarHeight         int actionBarHeight   0      TypedValue tv   new TypedValue        if  getTheme   resolveAttribute android R attr actionBarSize  tv  true                actionBarHeight   TypedValue complexToDimensionPixelSize tv data getResources   getDisplayMetrics               return actionBarHeight     public int getStatusBarHeight         int result   0      int resourceId   getResources   getIdentifier  status bar height    dimen    android        if  resourceId  gt  0            result   getResources   getDimensionPixelSize resourceId             return result      then the only thing you need is this line to set status bar color   setStatusBarColor findViewById R id statusBarBackground  getResources   getColor android R color white

User · Answer

One more solution   final View decorView   w getDecorView    View view   new View BaseControllerActivity this   final int statusBarHeight   UiUtil getStatusBarHeight ContextHolder get     view setLayoutParams new FrameLayout LayoutParams ViewGroup LayoutParams MATCH PARENT  statusBarHeight    view setBackgroundColor colorValue     ViewGroup decorView  addView view

User · Answer

Edit the colorPrimary in the  colors xml in Values to the color you want the Status Bar to be  For example       lt resources gt   lt color name  colorPrimary  gt  800000 lt  color gt     changes the status bar color to Burgundy  lt color name  colorPrimaryDark  gt  303F9F lt  color gt   lt color name  colorAccent  gt  FF4081 lt  color gt   lt color name  red  gt  FF0000 lt  color gt   lt color name  white  gt  FFFFFF lt  color gt   lt color name  cream  gt  fffdd0 lt  color gt   lt color name  burgundy  gt  800000 lt  color gt

User · Answer

If you want to change the status bar color programmatically  and provided the device has Android 5 0   This is a simple way to change statusBarColor from any Activity and very easy methods when differents fragments have different status bar color            param colorId id of color     param isStatusBarFontDark Light or Dark color     fun updateStatusBarColor  ColorRes colorId  Int  isStatusBarFontDark  Boolean   true        if  Build VERSION SDK INT  gt   Build VERSION CODES M            val window   window         window addFlags WindowManager LayoutParams FLAG DRAWS SYSTEM BAR BACKGROUNDS          window clearFlags WindowManager LayoutParams FLAG TRANSLUCENT STATUS          window statusBarColor   ContextCompat getColor this  colorId          setSystemBarTheme isStatusBarFontDark               Changes the System Bar Theme       RequiresApi api   Build VERSION CODES M  private fun setSystemBarTheme isStatusBarFontDark  Boolean           Fetch the current flags      val lFlags   window decorView systemUiVisibility        Update the SystemUiVisibility depending on whether we want a Light or Dark theme      window decorView systemUiVisibility   if  isStatusBarFontDark  lFlags and View SYSTEM UI FLAG LIGHT STATUS BAR inv   else lFlags or View SYSTEM UI FLAG LIGHT STATUS BAR

User · Answer

Just create a new theme in res values styles xml where you change the  colorPrimaryDark  which is the color of the status bar    lt style name  AppTheme GrayStatusBar  parent  Theme AppCompat Light DarkActionBar  gt       lt item name  colorPrimaryDark  gt  color colorGray lt  item gt   lt  style gt    And modify the activity theme in AndroidManifest xml to the one you want  on the next activity you can change the color back to the original one by selecting the original theme    lt activity     android name   LoginActivity      android theme   style AppTheme GrayStatusBar   gt       lt intent-filter gt           lt action android name  android intent action MAIN    gt            lt category android name  android intent category LAUNCHER    gt       lt  intent-filter gt   lt  activity gt    This is how your res values colors xml should look like    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt color name  colorPrimary  gt  3F51B5 lt  color gt       lt color name  colorPrimaryDark  gt  303F9F lt  color gt       lt color name  colorAccent  gt  c6d6f0 lt  color gt       lt color name  colorGray  gt  757575 lt  color gt   lt  resources gt

User · Answer

Android 5 0 Lollipop introduced Material Design theme which automatically colors the status bar based on the colorPrimaryDark value of the theme    This is supported on device pre-lollipop thanks to the library support-v7-appcompat starting from version 21  Blogpost about support appcompat v21 from Chris Banes    Read more about the Material Theme on the official Android Developers website

User · Answer

If you want to set a custom drawable file use this code snippet fun setCustomStatusBar        if  Build VERSION SDK INT  gt   21            val decor   window decorView         decor viewTreeObserver addOnPreDrawListener object               ViewTreeObserver OnPreDrawListener               override fun onPreDraw    Boolean                   decor viewTreeObserver removeOnPreDrawListener this                  val statusBar   decor findViewById lt View gt                      android R id statusBarBackground                  statusBar setBackgroundResource R drawable bg statusbar                  return true

[android] How to change the status bar color in Android?

Examples related to android

Examples related to android-navigation

Examples related to android-statusbar