沉浸式状态栏的简易实现

梦里梦外; 2022-03-09 02:16 383阅读 0赞

> 代码地址如下：  
> [http://www.demodashi.com/demo/14922.html][http_www.demodashi.com_demo_14922.html]

\#\#\#\#前言  
在android开发的过程中，经常会涉及到沉浸式状态栏的问题，说白了，就是手机屏幕顶部栏的颜色显示问题，为了实现美感一体的效果，许多app都已经开始了沉浸式状态栏的显示，这里，我也简单介绍一个沉浸式状态栏的类StatusBarUtil，这个类使用简单并很好的解决了兼容问题。

今天涉及的内容有：

1.  StatusBarUtil工具类的方法使用讲解(含效果图)
2.  在MainActivity中使用代码
3.  项目结构图

\#\#\#\#一. StatusBarUtil工具类的方法使用讲解  
一般在未实现沉浸式状态栏的时候，(为了方便展示，我将activity背景设置成粉红色)状态栏是这样的：

![Z5Bb8uha0PVAQgFTLRT.png][]  
\#\#\#\#\#1.1 设置状态栏背景透明

//设置状态栏背景透明
            StatusBarUtil.immersive(mContext);

效果图如下：  
![1GyabaezKn28k9iFEYF.png][]  
\#\#\#\#\#1.2 给状态栏设置特定颜色  
这里将状态栏设置成红色

//设置状态栏背景红色
    StatusBarUtil.immersive(mContext, ContextCompat.getColor(mContext,R.color.red));

效果图  
![r9e73T8dZS2Nrq410kJ.png][]  
\#\#\#\#\#1.3 设置状态栏背景色的透明度  
这里将状态栏背景设置成红色，透明度设置成半透明(注：透明度的值在0-1之间)，设置代码如下：

//设置状态栏背景半透明红
       StatusBarUtil.immersive(mContext, ContextCompat.getColor(mContext,R.color.red),0.5f);

效果图  
![26EmCjcGHCUn7Pqruw8.png][]  
除了可以设置状态栏的背景色外，StatusBarUtil 还可以设置状态栏文字的颜色，目前状态栏文字颜色只支持两种：白色和黑色  
\#\#\#\#\#1.4 设置状态栏黑色字体  
设置状态栏黑色字体有两种方法

//设置状态栏文字变黑
          //方法一
          StatusBarUtil.darkMode(mContext);
          //方法二
          StatusBarUtil.darkMode(mContext,true);

效果图  
![cTDG33JuB6fNA0Pi0Hk.png][]  
\#\#\#\#\#1.5 设置状态栏白色字体

//设置状态栏文字变白
    StatusBarUtil.darkMode(mContext,false);

效果图  
![4NJI7RruUNA184clOHq.png][]  
\#\#\#\#\#1.6 综合设置状态栏属性  
若你想设置状态栏文字为黑色的同时，还能设置状态栏背景色及其透明度，你可以调用以下方法(以背景色蓝色半透明为例):

//设置状态栏字体变黑，设置状态栏背景色和状态栏背景色的透明度
              StatusBarUtil.darkMode(mContext, ContextCompat.getColor(this,R.color.blue),0.5f);

效果图  
![BmDJjrH1fuVupLqJlSe.png][]  
StatusBarUtil源码在demo中有，这里就不做介绍了。下面讲下StatusBarUtil在在MainActivity中的使用  
\#\#\#\#二.在MainActivity中使用代码  
由于布局比较简单，这里就不贴出MainActivity对应的activity\_main.xml代码了，下面给出StatusBarUtil在MainActivity中调用的具体代码：

public class MainActivity extends BaseActivity {
    
        @BindView(R.id.tv)
        TextView mTv;
    
        @Override
        public int getContentViewId() {
            return R.layout.activity_main;
        }
    
        @Override
        public void initData() {
            mTv.setText("大家好才是真的好");
    
            //设置状态栏背景透明
            StatusBarUtil.immersive(mContext);
    //        //设置状态栏背景红色
    //        StatusBarUtil.immersive(mContext, ContextCompat.getColor(mContext,R.color.red));
    
    //        //设置状态栏背景半透明红
    //        StatusBarUtil.immersive(mContext, ContextCompat.getColor(mContext,R.color.red),0.5f);
    
    //        //设置状态栏文字变黑
    //        StatusBarUtil.darkMode(mContext);
    //        StatusBarUtil.darkMode(mContext,true);
    
    //          //设置状态栏文字变白
    //          StatusBarUtil.darkMode(mContext,false);
    
              //设置状态栏字体变黑，设置状态栏背景色和状态栏背景色的透明度
              StatusBarUtil.darkMode(mContext, ContextCompat.getColor(this,R.color.blue),0.5f);
        }
    
        @Override
        public void setListener() {
    
        }
    }

\#\#\#\#三.项目结构图  
![qn48uTCHMcDHFLrAaoP.png][]

沉浸式状态栏的简易实现

> 代码地址如下：  
> [http://www.demodashi.com/demo/14922.html][http_www.demodashi.com_demo_14922.html]

> 注：本文著作权归作者，由demo大师发表，拒绝转载，转载需要作者授权

[http_www.demodashi.com_demo_14922.html]: http://www.demodashi.com/demo/14922.html
[Z5Bb8uha0PVAQgFTLRT.png]: /images/20220309/c612d7d3c7254d588615b973da6b3556.png
[1GyabaezKn28k9iFEYF.png]: /images/20220309/d956ca64c2b54167816ec447596f509a.png
[r9e73T8dZS2Nrq410kJ.png]: /images/20220309/e40bc8c8dfb34102b3b6afd98d08c455.png
[26EmCjcGHCUn7Pqruw8.png]: /images/20220309/e339816ae9a14515bfb4d4ee88c45276.png
[cTDG33JuB6fNA0Pi0Hk.png]: /images/20220309/1fc8b7e752e5414fafc75193918194e8.png
[4NJI7RruUNA184clOHq.png]: /images/20220309/2dc4a438ad9f4344af42439079c85a38.png
[BmDJjrH1fuVupLqJlSe.png]: /images/20220309/76b7811f1ce04dc3998bed60fa13bbe2.png
[qn48uTCHMcDHFLrAaoP.png]: /images/20220309/894b12b7153f45c2ae5aea52a4ed3ce2.png