Android - Making activity full screen with status bar on top of it

Question

I want to make my activity full screen with status bar on top of it like this picture:

I have used this code in manifest inside activity tag:

'android:theme="@style/Theme.AppCompat.Light.NoActionBar"'

But my view doesn't start from the status bar & it looks like this:

How can I make my activity look like the first one?

make status bar color transparent and add fitsystemwindow=true in image and top layout — Divyesh Patel, Apr 20 '17 at 05:59
@Utshaw, have you got a solution. if yes then please help me. require same implementation — Anjali Tripathi, Oct 13 '17 at 06:47

score 88 · Accepted Answer · answered Mar 27 '18 at 09:03

88

I know that the guy asking the question may have found his own solution but for the people who are still looking for a solution this is a very simple solution but one thing it has a limitation till Kitkat so a condition is added

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

    getWindow().setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
                      WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
}

answered Mar 27 '18 at 09:03

Vishwajit Palankar

3,033
3
28
48

1

@AsadMukhtar unfortunately, it does not – Vishwajit Palankar May 28 '18 at 07:38
How i achieve this on pre kitkat? – Asad Mukhtar May 28 '18 at 18:34
@AsadMukhtar I think you should google about immersive full screen. – Vishwajit Palankar May 29 '18 at 11:38
2

You want ContextMenu with icons? Woops goes out of screen. You want keyboard to adjustResize? HAHAHA NO! With `OnApplyWindowInsetsListener` this works like a charm, but it causes problems in other parts. – Alpha Nov 02 '18 at 11:21
Works great! Removing other themes from interrupting this code worked. – March3April4 Nov 20 '18 at 06:36
The screen is not scrolling after implementing above snippet. – Sunil Dec 10 '18 at 05:26
Unfortunately, does not work on Android 29, navbar appears on top of views – BekaBot Jul 01 '19 at 05:52
Sorry @BekaBot for that I will check and see if there is an alternative here – Vishwajit Palankar Jul 01 '19 at 06:30
2

It's working but bottom navigation view goes behind navigation bar – Kishan Solanki Jul 11 '19 at 10:27
12

One problem with this is it also overlaps the navigation button at the bottom. – Ashutosh Sagar Jul 21 '19 at 07:35
@AshutoshSagar how to do above Navigation ? – Bhavin Patel Sep 12 '19 at 13:18
I want it like tiktok which is above NavigationBar. SO how to achieve that? – Bhavin Patel Sep 12 '19 at 13:20
@bdevloper you want it to cover the navigationbar as well right? – Vishwajit Palankar Sep 16 '19 at 11:13
Didnt any one had problem scrolling when using this?????????? – Biswas Khayargoli Aug 03 '20 at 13:04

score 57 · Answer 2 · edited Sep 25 '19 at 17:27

57

Add these to your Base Application Theme in styles.xml

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

And add following attribute to your parent layout:

android:fitsSystemWindows="false"

Hope this helps.

edited Sep 25 '19 at 17:27

Prashant Saini

3,539
1
10
24

answered Apr 20 '17 at 06:03

tahsinRupam

6,325
1
18
34

2

and will affect every activity – loshkin Jan 12 '18 at 15:39
6

`android:fitsSystemWindows=”true”`, this isn't working for me. – AJit Feb 08 '18 at 14:34
1

Only works if I DON'T use android:fitsSystemWindows="true" – Zeon Nov 16 '18 at 03:32
2

It should be android:fitsSystemWindows="false". I posted an edit, awaiting review now. Otherwise this is the correct answer. – wessel Jan 23 '19 at 09:37
using : ' true' also covers the bottom navigation bar, – Karan Sharma Feb 18 '20 at 03:49

score 20 · Answer 3 · answered Sep 30 '17 at 12:35

20

If you dont want your "Translucent navigation" transparent, here is the code to just make transparent the status bar

In your theme:

    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">true</item>

In your activity onCreate:

Window window = getWindow();
WindowManager.LayoutParams winParams = window.getAttributes();
winParams.flags &= ~WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS;
window.setAttributes(winParams);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

answered Sep 30 '17 at 12:35

Pablo Cegarra

20,955
12
92
110

2

saved my time, was searching for this for hours. +1 – amit pandya Feb 14 '18 at 10:52
4

not working for me. my content goes behind navigation bar – Siddhesh Aug 28 '18 at 18:57
How would I change the text and icon color? Its black by default – viper Sep 10 '19 at 09:13
@bdevloper dont remember it now. dont even remember for what i was searching this. – Siddhesh Oct 15 '19 at 08:15
Kotlin Code: val window: Window = window val winParams: LayoutParams = window.attributes winParams.flags = winParams.flags and LayoutParams.FLAG_TRANSLUCENT_STATUS.inv() window.attributes = winParams window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN – Karan Sharma Feb 18 '20 at 03:53

Sanjayrajsinh · Answer 4 · 2021-03-19T16:11:52.943

1. Transparent Statusbar

window?.decorView?.systemUiVisibility = (View.SYSTEM_UI_FLAG_LAYOUT_STABLE
        or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN)
window.statusBarColor = Color.TRANSPARENT

2. Transparent Statusbar & Bottomnav bar

    window.setFlags(
        WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
        WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN
    );

3. Hide Statusbar

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
        window.insetsController?.hide(WindowInsets.Type.statusBars())
    }
    else {
        @Suppress("DEPRECATION")
        window.setFlags(
            WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN
        )
    }

4. Hide Statubar & Bottomnav bar

val actionBar: ActionBar? = supportActionBar
          if (actionBar != null) actionBar.hide()
         window.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_LOW_PROFILE
            or View.SYSTEM_UI_FLAG_FULLSCREEN
            or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
            or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION)

where to put this code ?

   override fun onCreate(savedInstanceState: Bundle?) {

        /*  Put above code here ..... */
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_slider)
   }

Note

I checked this code in Pixel 3A emulator
Maybe customise android OS not support
set styel <style name="Theme.FullScreen" parent="Theme.MaterialComponents.DayNight.NoActionBar">

Any ideas how to do that while keeping the action bar? I want to keep the action bar but merge it with the status bar. — DaPoox, Mar 10 '22 at 10:55

score 5 · Answer 5 · answered Nov 11 '21 at 06:41

To achieve something similar to this, use this:

1. Your Activity Theme

<style name="FullScreenTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowActivityTransitions">true</item>
</style>

2. There is NO NEED to add android:fitsSystemWindows property into your root layout XML file.

3. In your Activity

Add padding top to your toolbar. I am using custom toolbar, so I am adding padding to my toolbar of the height of statusbar.

toolbar.setPadding(0, getStatusBarHeight(), 0, 0)

and the function getStatusBarHeight() is added in my Utils class

fun Activity.getStatusBarHeight(): Int {
val resourceId = resources.getIdentifier("status_bar_height", "dimen", "android")
return if (resourceId > 0) resources.getDimensionPixelSize(resourceId)
else Rect().apply { window.decorView.getWindowVisibleDisplayFrame(this) }.top

}

score 3 · Answer 6 · answered Apr 12 '21 at 11:01

put below of code inside onCreate()

private void setStatusBarTransparent() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        Window window = getWindow();
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);

        View decorView = window.getDecorView();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
        } else {
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
        }
        window.setStatusBarColor(Color.TRANSPARENT);
    }
}

@KishanSolanki No man, it works on my device. – Niaj Mahmud Feb 28 '22 at 05:40 — Niaj Mahmud, Feb 28 '22 at 05:40
this code is deprecated if you use kotlin – MKD Sep 08 '22 at 06:23 — MKD, Sep 08 '22 at 06:23

score 0 · Answer 7 · answered Apr 20 '17 at 06:11

Try Like This

 <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="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

Hope this one will help

hdk loh · Answer 8 · 2020-12-08T16:53:17.510

In Kotlin just use following code in your activity, also add android:fitsSystemWindows="true" in your parent view of activity.xml layout file. This will also show content over navigation bar too, provided you declared full screen style in your style.xml

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
     window.setFlags(
            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS,
            WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS
        )
    }

score -1 · Answer 9 · answered Jan 09 '18 at 06:38

you can use this code after onCreate

   setTheme(android.R.style.Theme_Black_NoTitleBar_Fullscreen);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        if (getSupportActionBar() != null) {
            getSupportActionBar().hide();
        }

your activity will be fullscrean with status bar :)

score -2 · Answer 10 · answered Sep 20 '18 at 01:45

@tahsinRupam answer is correct and tested on post Kitkat version.

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

If you want to use it only for a certain activity, create a style, and attach it on your manifest style like this.

<activity
    android:name=".MainActivity"
    android:screenOrientation="portrait"
    android:theme="@style/Activity.Fullscreen.Theme" />

<style name="Activity.Fullscreen.Theme" parent="MyMaterialTheme.Base">  
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
</style>

Thumbs up on origal @tahsinRupam

Happy codings Cheers !

score -3 · Answer 11 · answered Apr 20 '17 at 06:03

Put this code in your Activity onCreate this will hide the status bar

View decorView = getWindow().getDecorView();
// Hide the status bar.
int uiOptions = View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);
// Remember that you should never show the action bar if the
// status bar is hidden, so hide that too if necessary.
ActionBar actionBar = getActionBar();
actionBar.hide();

Android - Making activity full screen with status bar on top of it

11 Answers11

1. Transparent Statusbar

2. Transparent Statusbar & Bottomnav bar

3. Hide Statusbar

4. Hide Statubar & Bottomnav bar

Linked