【Android】沉浸式状态栏的两种实现方式

欢迎到我的github去forkgithub链接

原文链接

其实我很早前就很讨厌Android原生系统默认状态栏了。顶部黑乎乎的一条很是难看，如下图所示。一直没找到资源怎样来设置成透明的状态栏，昨天在微博看到了一篇文章，用TranslucnetSystemBar有两种方式来实现透明的状态栏，官方称为TranslucentSystemBar。也就是我们经常说的沉浸式状态栏。我自己对照上面的方法实现了一下，效果很好。

【OriginalSystemBar.png】

使用TranslucentBar后系统顶部的状态栏不再是黑色，而是和界面融为一体，如下图所示

【TranslucentBar_1.png】

【TranslucentBar_2.png】

如上图所示， TranslucentBar_1 和 TranslucentBar_2 分别以两种不同的方式来实现，我在这里总结一下，包目录结构如下，核心代码已经圈出。

【TranslucentBarTest包目录.png】

简单说来第一种实现方式就是通过设置Activity的背景图片，并使这张背景图片向上延伸到顶部的状态栏，最终的效果如【TranslucentBar_1.png】所示，第二种方式分别设置状态栏的颜色和ActionBar的颜色相同来实现这样的效果，最终的效果如【TranslucentBar_2.png】所示。首先需要设置values/style.xml文件和values-v21/style.xml文件。需要注意不仅要在每个版本的sdk对应的values目录下设置style文件，都要记得设置values目录下的style.xml文件。

values/style.xml代码如下

values-v21/style.xml代码如下

接着需要在清单文件AndroidManifest.xml中对指定的Activity的theme属性进行设置，代码如下

具体是这两部分进行了设置，如下

到此这两种方式实现就完成了，效果就是上面看到的两个图片所示，我在贴一遍

【TranslucentBar_1.png】

【TranslucentBar_2.png】

最后一定要注意，一定不要忘记把ImageTranslucentBarActivity的布局文件activity_image_translucent_bar和ColorTranslucentBarActivity的布局文件activity_color_translucent_bar的android:fitsSystemWindows="true"属性设置为true。

---

下面我把整个项目的代码贴出来，仅供以后复习时参考。

activity_main.xml

activity_image_translucent_bar.xml

activity_color_translucent_bar.xml

MainActivity.java

package com.example.translucentbartest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Window;

public class BaseActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }

}

BaseActivity.java

package com.example.translucentbartest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Window;

public class BaseActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }

}

ImageTranslucentBarActivity.java

package com.example.translucentbartest;

    import android.os.Bundle;

    public class ImageTranslucentBarActivity extends BaseActivity {

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_image_translucent_bar);
        }

    }

ColorTranslucentBarActivity.java

package com.example.translucentbartest;

import android.os.Bundle;

public class ColorTranslucentBarActivity extends BaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_color_translucent_bar);
    }

}

SystemUiApplication.java

package com.example.translucentbartest;

import android.app.Application;

public class SystemUiApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
    }

}

values/colors.xml

    #3f51b5
    #303f9f
    #ff4081
    #31c27c

values/style.xml

values-v19/style.xml

values-v21/style.xml