android设置透明状态栏

时间:2024-03-20 07:41:21
原文地址为:android设置透明状态栏

在写这篇文章之前也看过很多大牛的博客,但是大多数都写的比较深奥和跳跃

而且网上还有很多对于透明状态栏及沉浸式状态栏的争论,简直看的头晕眼花

android设置透明状态栏

对此我只想说去你妹的,TM我只要自己的app的状态栏能和主题颜色一致就行了,非要绕过去绕过来的,让我等小白情何以堪!何以堪!


在此我用专业菜鸟的术语给大家解释一下


沉浸式状态栏
:就是你看视频(横屏)的时候没有状态栏,就算你点击屏幕一下也不会出现状态栏的(需要从上屏幕边缘往下划一下才能出来状态栏),由于不好截屏这里我就不上图了,大家心领神会一下就行了。

透明式状态栏:就式状态栏背景与应用背景相同,这就是*透明状态栏*,如下图博主的手机主界面就是透明状态栏。

android设置透明状态栏

我觉的很清楚的概念嘛,有何之争?有何混淆之处!

阐述清楚这两个概念之后,就可以切入正题啦

这次主要分享的是透明式状态栏:

先是半透明效果(两种方法):

第一种(简单):

//直接将下面的代码放在activity中的setContentView(R.layout.activity_main);中之前就行了
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }

第二种(复杂)

1.先修改 res / values / 目录下的styles.xml文件

< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
 
     </ style >
     < style name = "BaseTheme" parent = "Theme.AppCompat.Light.NoActionBar" >
         < item name = "colorPrimary" >@color/colorPrimary</ item >
         < item name = "colorPrimaryDark" >@color/colorPrimaryDark</ item >
     </ style >
 
</ resources >

2.然后我们在res下新建一个values-v19的目录(代表最低API为19),再在其中新建一个styles.xml
< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
         < item name = "android:windowTranslucentNavigation" >true</ item >
         < item name = "android:windowTranslucentStatus" >true</ item >
     </ style >
 
</ resources >

3.设置MainActivity的 布局文件为
<FrameLayout 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="match_parent"
             android:fitsSystemWindows="true"//这句代码是控制不让toolbar和状态栏重叠,大家可以删了试一下,这里我就不上图了
    android:background="#fff000">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"

        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>//这两句代码用于切换色系不然是黑色的字体和深色系的弹出框(不用去理解)



</FrameLayout>
*为了看的出来是透明的,所以把背景颜色设置为了#fff000

4.在MainActivity中加入

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);

OK总共就4步,比网上很多教程都简单吧

以下为效果图:

android设置透明状态栏

虽然很丑但是还是能看出来状态栏已经是半透明的状态了就透出一些背景颜色,大致上就统一了色系


全透明效果:

直接在MainActivity中setContentView(R.layout.activity_main)之前加上以下代码

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            window.setNavigationBarColor(Color.TRANSPARENT);
        }

完成后,效果图如下

android设置透明状态栏       


收工啦~ 收工啦~

android设置透明状态栏

以上所有代码都是博主试过的没有问题,如果有看了这篇文章的小伙伴还没有调试出来的请给我留言哦





转载请注明本文地址:android设置透明状态栏

在写这篇文章之前也看过很多大牛的博客,但是大多数都写的比较深奥和跳跃

而且网上还有很多对于透明状态栏及沉浸式状态栏的争论,简直看的头晕眼花

android设置透明状态栏

对此我只想说去你妹的,TM我只要自己的app的状态栏能和主题颜色一致就行了,非要绕过去绕过来的,让我等小白情何以堪!何以堪!


在此我用专业菜鸟的术语给大家解释一下


沉浸式状态栏
:就是你看视频(横屏)的时候没有状态栏,就算你点击屏幕一下也不会出现状态栏的(需要从上屏幕边缘往下划一下才能出来状态栏),由于不好截屏这里我就不上图了,大家心领神会一下就行了。

透明式状态栏:就式状态栏背景与应用背景相同,这就是*透明状态栏*,如下图博主的手机主界面就是透明状态栏。

android设置透明状态栏

我觉的很清楚的概念嘛,有何之争?有何混淆之处!

阐述清楚这两个概念之后,就可以切入正题啦

这次主要分享的是透明式状态栏:

先是半透明效果(两种方法):

第一种(简单):

//直接将下面的代码放在activity中的setContentView(R.layout.activity_main);中之前就行了
        if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }

第二种(复杂)

1.先修改 res / values / 目录下的styles.xml文件

< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
 
     </ style >
     < style name = "BaseTheme" parent = "Theme.AppCompat.Light.NoActionBar" >
         < item name = "colorPrimary" >@color/colorPrimary</ item >
         < item name = "colorPrimaryDark" >@color/colorPrimaryDark</ item >
     </ style >
 
</ resources >

2.然后我们在res下新建一个values-v19的目录(代表最低API为19),再在其中新建一个styles.xml
< resources >
 
     < style name = "AppTheme" parent = "@style/BaseTheme" >
         < item name = "android:windowTranslucentNavigation" >true</ item >
         < item name = "android:windowTranslucentStatus" >true</ item >
     </ style >
 
</ resources >

3.设置MainActivity的 布局文件为
<FrameLayout 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="match_parent"
             android:fitsSystemWindows="true"//这句代码是控制不让toolbar和状态栏重叠,大家可以删了试一下,这里我就不上图了
    android:background="#fff000">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"

        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>//这两句代码用于切换色系不然是黑色的字体和深色系的弹出框(不用去理解)



</FrameLayout>
*为了看的出来是透明的,所以把背景颜色设置为了#fff000

4.在MainActivity中加入

Toolbar mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);

OK总共就4步,比网上很多教程都简单吧

以下为效果图:

android设置透明状态栏

虽然很丑但是还是能看出来状态栏已经是半透明的状态了就透出一些背景颜色,大致上就统一了色系


全透明效果:

直接在MainActivity中setContentView(R.layout.activity_main)之前加上以下代码

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            window.setNavigationBarColor(Color.TRANSPARENT);
        }

完成后,效果图如下

android设置透明状态栏       


收工啦~ 收工啦~

android设置透明状态栏

以上所有代码都是博主试过的没有问题,如果有看了这篇文章的小伙伴还没有调试出来的请给我留言哦