Status Bar color for API Level below 21 is not changing

Question

The Status Bar color for API level 21 or above is changing according to my requirement but how to change the color for API level below 21.

Below are the screenshots for both the API's

API level 21:

API level 19:

colors.xml

    <?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FFFFFF</color>
    <item name="b" type="color">#FF33B5E5</item>

    <item name="p" type="color">#FFAA66CC</item>

    <item name="g" type="color">#FF99CC00</item>

    <item name="o" type="color">#FFFFBB33</item>
</resources>

Style.xml

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->

    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBarOverlay">false</item>
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
    <item name="tabSelectedTextColor">@color/colorAccent</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

This is what is happening when i perform the changes:

Embydextrous · Answer 1 · 2016-07-20T13:01:45.623

6

Status bar coloring is not supported below API level 21. However you can use a few techniques by which you can do it upto API Level 19.

Add this to your build.gradle file:

compile 'com.readystatesoftware.systembartint:systembartint:1.0.3'

In your activity before setContentView method call this method:

private void initStatusBar() {
    Window window = getWindow();

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        SystemBarTintManager tintManager = new SystemBarTintManager(this);
        tintManager.setStatusBarTintEnabled(true);
        tintManager.setTintColor(ContextCompat.getColor(this, R.color.primaryDark));
    }
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
        window.setStatusBarColor(Color.TRANSPARENT);
    }


}

After doing this in your activity_layout.xml file add this attribute to top level layout:

android:fitsSystemWindows="true"

This is how it appears on Lollipop and above:

and this is on kitkat:

edited Jul 20 '16 at 13:01

answered Jul 20 '16 at 12:29

Embydextrous

1,611
1
12
20

Yes it happened with me too. android:fitsSystemWindows="true" fixes that. I have attached screenshots for the same. – Embydextrous Jul 20 '16 at 12:44
i have added the command.Still not working.I have posted the screenshot above for the effect of the changes – Samarth Kejriwal Jul 20 '16 at 12:50
If you are using Coordinator layout add android:fitsSystemWindows="true" to AppBarLayout and toolbar also. Else, try adding to toolbar also. – Embydextrous Jul 20 '16 at 12:52
Also make sure your activity extends AppCompatActivity. – Embydextrous Jul 20 '16 at 12:53
Still the same result – Samarth Kejriwal Jul 20 '16 at 12:59
I have edited code. Use that since you are using Coordinator layout. Call it after super.onCreate() and before setContentView() method. – Embydextrous Jul 20 '16 at 13:02

score 2 · Answer 2 · answered Jul 20 '16 at 11:20

2

because under API 21 ,the change of status bar color is not supported

answered Jul 20 '16 at 11:20

Pavneet_Singh

36,884
5
53
68

1

but how to change the color for api level 19.Is there any solution? – Samarth Kejriwal Jul 20 '16 at 11:22
yeah you can do it but it comes on a cost.you have to manually create your own view for status bar and do the calculation for size to display it at it's appropriate place .check out this link [status bar](http://stackoverflow.com/questions/22192291/how-to-change-the-status-bar-color-in-android) – Pavneet_Singh Jul 20 '16 at 11:28

score 0 · Answer 3 · answered Jul 20 '16 at 13:25

For your information there will be no default classes or methods for status bar color changes under API 21.

Still you want to implement for your requirement then you can apply play with layout and style.

Make value folder for api version i.e. values-v19

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:windowTranslucentNavigation">false</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowNoTitle">true</item>
</style>

Now need to change in layout.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="moon.testwithold.MainActivity">
    <RelativeLayout
        android:id="@+id/statusbar"
        android:layout_width="match_parent"
        android:layout_height="25dp"
        android:layout_alignParentTop="true"
        android:background="@color/colorPrimaryDark" >
    </RelativeLayout>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</LinearLayout>

Now need to change in main class

public class MainActivity extends AppCompatActivity {
    RelativeLayout statusbar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        statusbar=(RelativeLayout)findViewById(R.id.statusbar);
        if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.KITKAT)
        {
            int titleBarHeight= getStatusBarHeight();
            Log.e("TAG"," titleBarHeight "+titleBarHeight);
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,titleBarHeight);
            statusbar.setLayoutParams(params);
            statusbar.setVisibility(View.VISIBLE);
        }
        else
        {
            statusbar.setVisibility(View.GONE);
        }
    }
    public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }
}

Note:

If you want to do smart work then please make global activity class(Base activity) and implement above method in that class and extend that class at all activity so you can do smart work and reduce coding.

score -1 · Answer 4 · answered Oct 26 '17 at 05:18

is change status bar color for api level below 21

public void setStatusBarColor(Activity activity, int RecColor) {
        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, RecColor));
    }

Warns that API lv 21 is required – Lunchbox May 13 '19 at 09:10 — Lunchbox, May 13 '19 at 09:10

score -2 · Answer 5 · answered Jul 20 '16 at 11:31

-2

try to use

<item name="android:statusBarColor">@color/color_name</item>

inside you style.

answered Jul 20 '16 at 11:31

Konstantin

174
7

I have tried this earlier but it is showing that the minimum api level should be 21 ..And minimum for my project is API level 14 – Samarth Kejriwal Jul 20 '16 at 11:57
it should work on api level 19 or highter. No way to change status bar color on api level less then 19. – Konstantin Jul 21 '16 at 03:13
This is for api 21+ – KlevisGjN Aug 14 '18 at 18:27

Status Bar color for API Level below 21 is not changing

5 Answers5

Note: