为了账号安全,请及时绑定邮箱和手机立即绑定

android沉浸式状态栏封装—教你玩出新花样

项目中我们有时候都要用的透明状态栏(这里也成沉浸式状态栏),今天介绍一个gyf-dev写的一个封装状态栏开源框架

效果图如下:

沉浸式进行测试

解决白色状态栏问题

正文

从Android4.4开始,才可以实现状态栏着色,并且从5.0开始系统更加完善了这一功能。之前写过关于一篇 关于activity状态栏的一些总结
有关Activity样式 、状态栏透明、屏幕亮度问题应用场景及其总结

说明

  • 这是状态栏 这是状态栏

  • 这是导航栏(有些手机没有导航栏) 导航栏

动态图

  • 第一种方案: 可直接在主题中设置
	getWindow().setBackgroundDrawable(null);
        //设置透明状态栏
        ViewGroup contentFrameLayout = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
        View parentView = contentFrameLayout.getChildAt(0);
        if (parentView != null && Build.VERSION.SDK_INT >= 14) {
            parentView.setFitsSystemWindows(true);
        }

或者也可以这样 :

  • 第二种方案:

将布局延伸到状态栏来处理,这次我们使用android:fitsSystemWindows=”true”属性,不让布局延伸到状态栏,这时状态栏就是透明的,然后添加一个和状态栏高、宽相同的指定颜色View来覆盖被透明化的状态栏。我们一步步来实现。

  • 1、第一步还是先将状态栏透明化,方法同上。
  • 2、在布局文件中添加android:fitsSystemWindows=”true”属性:

集合actionBar的使用.gif

封装:

 ImmersionBar.with(this)
             .transparentStatusBar()  //透明状态栏,不写默认透明色
             .transparentNavigationBar()  //透明导航栏,不写默认黑色(设置此方法,fullScreen()方法自动为true)
             .transparentBar()             //透明状态栏和导航栏,不写默认状态栏为透明色,导航栏为黑色(设置此方法,fullScreen()方法自动为true)
             .statusBarColor(R.color.colorPrimary)     //状态栏颜色,不写默认透明色
             .navigationBarColor(R.color.colorPrimary) //导航栏颜色,不写默认黑色
             .barColor(R.color.colorPrimary)  //同时自定义状态栏和导航栏颜色,不写默认状态栏为透明色,导航栏为黑色
             .statusBarAlpha(0.3f)  //状态栏透明度,不写默认0.0f
             .navigationBarAlpha(0.4f)  //导航栏透明度,不写默认0.0F
             .barAlpha(0.3f)  //状态栏和导航栏透明度,不写默认0.0f
             .statusBarDarkFont(true)   //状态栏字体是深色,不写默认为亮色
             .flymeOSStatusBarFontColor(R.color.btn3)  //修改flyme OS状态栏字体颜色
             .fullScreen(true)      //有导航栏的情况下,activity全屏显示,也就是activity最下面被导航栏覆盖,不写默认非全屏
             .hideBar(BarHide.FLAG_HIDE_BAR)  //隐藏状态栏或导航栏或两者,不写默认不隐藏
             .addViewSupportTransformColor(toolbar)  //设置支持view变色,可以添加多个view,不指定颜色,默认和状态栏同色,还有两个重载方法
             .titleBar(view)    //解决状态栏和布局重叠问题,任选其一
             .statusBarView(view)  //解决状态栏和布局重叠问题,任选其一
             .fitsSystemWindows(true)    //解决状态栏和布局重叠问题,任选其一,默认为false,当为true时一定要指定statusBarColor(),不然状态栏为透明色
             .supportActionBar(true) //支持ActionBar使用
             .statusBarColorTransform(R.color.orange)  //状态栏变色后的颜色
             .navigationBarColorTransform(R.color.orange) //导航栏变色后的颜色
             .barColorTransform(R.color.orange)  //状态栏和导航栏变色后的颜色
             .removeSupportView(toolbar)  //移除指定view支持
             .removeSupportAllView() //移除全部view支持
             .navigationBarEnable(true)   //是否可以修改导航栏颜色,默认为true
             .navigationBarWithKitkatEnable(true)  //是否可以修改安卓4.4和emui3.1手机导航栏颜色,默认为true
             .fixMarginAtBottom(true)   //当xml里使用android:fitsSystemWindows="true"属性时,解决4.4和emui3.1手机底部有时会出现多余空白的问题,默认为false,非必须
             .addTag("tag")  //给以上设置的参数打标记
             .getTag("tag")  //根据tag获得沉浸式参数
             .reset()  //重置所以沉浸式参数
             .keyboardEnable(true)  //解决软键盘与底部输入框冲突问题,默认为false,还有一个重载方法,可以指定软键盘mode
             .init();  //必须调用方可沉浸式

使用方式

  • 第一步:基础用法(已经可以满足日常沉浸式)
ImmersionBar.with(this).init();
  • 第二步

在activity的onDestroy方法中执行

ImmersionBar.with(this).destroy(); //不调用该方法,如果界面bar发生改变,在不关闭app的情况下,退出此界面再进入将记忆最后一次bar改变的状态
  • 建议
    建议在BaseActivity中初始化和销毁,可以参看demo中
    BaseActivity
public class BaseActivity extends AppCompatActivity {

     private ImmersionBar mImmersionBar;
     @Override
     protected void onCreate(@Nullable Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
       mImmersionBar = ImmersionBar.with(this);
       mImmersionBar.init();   //所有子类都将继承这些相同的属性
        
     }
 
     @Override
     protected void onDestroy() {
         super.onDestroy();
         mImmersionBar.destroy();  //不调用该方法,如果界面bar发生改变,在不关闭app的情况下,退出此界面再进入将记忆最后一次bar改变的状态
     }
 }

可以结合webView

沉浸式fragment

  • 如何 隐藏导航栏或状态栏
 /**
     * 隐藏导航栏或状态栏
     *
     * @param barHide the bar hide
     * @return the immersion bar
     */
    public ImmersionBar hideBar(BarHide barHide) {
        mBarParams.barHide = barHide;
        if (Build.VERSION.SDK_INT == Build.VERSION_CODES.KITKAT || OSUtils.isEMUI3_1()) {
            if ((mBarParams.barHide == BarHide.FLAG_HIDE_NAVIGATION_BAR) ||
                    (mBarParams.barHide == BarHide.FLAG_HIDE_BAR)) {
                mBarParams.navigationBarColor = Color.TRANSPARENT;
                mBarParams.fullScreenTemp = true;
            } else {
                mBarParams.navigationBarColor = mBarParams.navigationBarColorTemp;
                mBarParams.fullScreenTemp = false;
            }
        }
        return this;
    }

部分问题

解决华为emui3.0或者3.1手机手动隐藏导航栏按钮时,导航栏背景未被隐藏的问题

什么叫做手动隐藏,就是下图中标红的向下隐藏按钮

第一种解决方案,监听华为虚拟按钮,建议在baseActivity里使用

 @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        immersionBar = ImmersionBar.with(this);
        immersionBar.init();
        if (OSUtils.isEMUI3_1())  //解决华为emui3.0与3.1手机手动隐藏底部导航栏时,导航栏背景色未被隐藏的问题
            getContentResolver().registerContentObserver(Settings.System.getUriFor
                    ("navigationbar_is_min"), true, mNavigationStatusObserver);
    }
    
    private ContentObserver mNavigationStatusObserver = new ContentObserver(new Handler()) {
        @Override
        public void onChange(boolean selfChange) {
            int navigationBarIsMin = Settings.System.getInt(getContentResolver(),
                    "navigationbar_is_min", 0);
            if (navigationBarIsMin == 1) {
                //导航键隐藏了
                immersionBar
                        .transparentNavigationBar()
                        .init();
            } else {
                //导航键显示了
                immersionBar
                        .navigationBarColor(android.R.color.black)
                        .fullScreen(false)
                        .init();
            }
        }
    };
  • 第二种解决方案,禁止对导航栏相关设置
 ImmersionBar.with(this)
                   .navigationBarEnable(false)   //禁止对导航栏相关设置
                 //或者
                 // .navigationBarWithKitkatEnable(false)  //禁止对4.4设备导航栏相关设置
                   .init();

android 6.0 有导航栏效果

 6.0 有导航栏效果

gyf-dev的博客地址:

https://github.com/gyf-dev/ImmersionBar

如果你觉得此文对您有所帮助,欢迎关注 微信公众号:终端研发部

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
1.4万
获赞与收藏
815

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消