Translucent status bar in Android

Question

I am using the following layout (main_activity.xml)

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
    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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/text_margin"
        android:fitsSystemWindows="true"
        android:text="@string/large_text" />
</android.support.v4.widget.NestedScrollView>
</android.support.design.widget.CoordinatorLayout>

With the following styles-v21

<resources>
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>
</resources>

But I still cannot archive a transparent status bar

It look like this

But I want something like this (New Google Newsstand App)

Note: I am using

compile 'com.android.support:appcompat-v7:25.1.1'
compile 'com.android.support:support-v4:25.1.1'
compile 'com.android.support:design:25.1.1'

check this [link](http://stackoverflow.com/questions/27856603/lollipop-draw-behind-statusbar-with-its-color-set-to-transparent) — Megha Maniar, Feb 18 '17 at 09:38

score 31 · Accepted Answer · edited May 23 '17 at 12:25

31

try this:

add this in your app theme:

<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>

Set android:fitsSystemWindows=”true” to root container

Now in your activity onCreate():

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        Window w = getWindow();
        w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
    }

Updated, Result:

you can make the snackbar draw on top of screen:

Snackbar snack = Snackbar.make(parentLayout, str, Snackbar.LENGTH_LONG);
View view = snack.getView();
FrameLayout.LayoutParams params =(FrameLayout.LayoutParams)view.getLayoutParams();
params.gravity = Gravity.TOP;
view.setLayoutParams(params);
snack.show();

For more info see here

edited May 23 '17 at 12:25

Community

1
1

answered Feb 18 '17 at 09:44

rafsanahmad007

23,683
6
47
62

9

I want to kiss you. Thanks so much, worked perfectly – Shifatul Feb 18 '17 at 09:49
take a look at this answer:http://stackoverflow.com/questions/33354791/android-draw-behind-status-bar-but-not-behind-the-navigation-bar – rafsanahmad007 Feb 18 '17 at 12:02
2

I want this in only a single activity. How can i achieve ? – Abhishek kumar Dec 13 '18 at 13:53

Arpan Sharma · Answer 2 · 2017-02-18T09:48:36.503

6

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Window window = getWindow();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.setStatusBarColor(Color.TRANSPARENT); } }

}

Use this in your activity. But changing the status bar color is only allowed after android L

edited Feb 18 '17 at 09:48

answered Feb 18 '17 at 09:30

Arpan Sharma

2,142
11
22

try removing the status bar color from the style you are using – Arpan Sharma Feb 18 '17 at 09:44
removed, now its gray color, not transparent. – Shifatul Feb 18 '17 at 09:47
rafsanahmad0007's solution worked, thanks for all the help though. – Shifatul Feb 18 '17 at 09:52
2

Ok good for you..enjoy. This code will work too.i tested and seems fine – Arpan Sharma Feb 18 '17 at 13:57
Thank you very match. This is the only answer worked for android 5.0 – Alex_Skvortsov Apr 10 '21 at 12:04

score 4 · Answer 3 · answered Aug 24 '18 at 18:59

The code below is making the status bar transparent but navigation bar opaque for API21+.

NOTE: you shouldn't be setting android:fitsSystemWindows="true".

override fun onCreate(savedInstanceState: Bundle?) {
      setupContentWindow()
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
}

fun setupContentWindow() {
    window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
    window.statusBarColor = Color.TRANSPARENT
    window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
}

This is perfect because it makes the status bar transparent but not the nav bar — Jordan, Aug 19 '19 at 02:41

score 1 · Answer 4 · answered Jan 15 '19 at 23:06

1

Add these two lines in the onCreate of the activity that you want its layout status bar to be transparent

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
getWindow().setStatusBarColor(Color.TRANSPARENT);
}

No need to change your app theme or xml layout. In doing this your bar doesn't have to be transparent throughout your whole app if you don't want to.

answered Jan 15 '19 at 23:06

NaturallyAsh

85
5

This is the correct answer. All other answers mistaken "transparent status bar" for "no status bar". – nibbana Feb 18 '19 at 10:57
It should be like `if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { getWindow().setStatusBarColor(Color.TRANSPARENT); }` because `setStatusBarColor` requires minimum lollipop version – androidXP May 04 '19 at 08:52

score 1 · Answer 5 · answered May 20 '20 at 09:44

It seems some people have grey status bar instead of transparent. To avoid this problem do the next in your activity:

override fun onCreate(savedInstanceState: Bundle?) {
    ...
    window.apply {
        clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
        addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
        statusBarColor = Color.TRANSPARENT
        decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
    }
}

score -3 · Answer 6 · edited Feb 18 '17 at 12:40

-3

Please remove this line from your CoordinatorLayout:

android:fitsSystemWindows="true"

Edited, Result:

edited Feb 18 '17 at 12:40

Shifatul

2,277
4
25
37

answered Feb 18 '17 at 09:31

Rajkumar Kumawat

290
2
11

1

removed, now its gray color, but not transparent – Shifatul Feb 18 '17 at 09:35
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREN, WindowManager.LayoutParams.FLAG_FULLSCREEN); – Rajkumar Kumawat Feb 18 '17 at 09:39
use above lines in your activity. – Rajkumar Kumawat Feb 18 '17 at 09:40
4

I don't want it to be full screen, I want a transparent status bar, like the picture of (Play Newsstand) above – Shifatul Feb 18 '17 at 09:43

Translucent status bar in Android

6 Answers6

Linked