文档章节

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

终端研发部
 终端研发部
发布于 2018/12/19 09:46
字数 1565
阅读 187
收藏 0

项目中我们有时候都要用的透明状态栏(这里也成沉浸式状态栏),今天介绍一个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 有导航栏效果

项目地址:

https://github.com/androidstarjack/MyStausBarFacoryTest

gyf-dev的博客地址:

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

博客地址:

http://blog.csdn.net/androidstarjack/article/details/76401105

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

职场+技术

© 著作权归作者所有

终端研发部
粉丝 4
博文 56
码字总数 148889
作品 0
海淀
程序员
私信 提问
实现沉浸式状态栏 + scrollView顶部伸缩 + actionBar渐变完美结合,打造属于自己的View

最近需求要做一个拉缩渐变的状态栏,往上拉的时候,需要显示actionBar,这个过程是渐变的,顶部的图片背景能实现拉缩,并且还要实现状态栏沉浸式 效果如如下: 实现状态栏的透明化 实现Scrol...

codeGoogle
2017/12/15
0
0
android各种效果库

可能是最优雅的切换布局的方法 动态切换布局控件 android 实现画板功能 本例详细分析了一个画板功能的实现过程,并讲述了图像混合和双缓冲技术的基本原理。 有关Activity样式 、状态栏透明、...

掘金官方
2017/12/28
0
0
Android状态栏实现沉浸式模式

因为Android官方从来没有给出过沉浸式状态栏这样的命名,只有沉浸式模式(Immersive Mode)这种说法。而有些人在没有完全了解清楚沉浸模式到底是什么东西的情况下,就张冠李戴地认为一些系统...

津乐
2018/04/20
73
0
Android实现沉浸式状态栏的那些坑

最近项目需要实现沉浸式的状态栏,其实我在之前就了解过Android的沉浸式,发现有些棘手就放弃了,但是此次是公司的项目需要的,就花了几天把这个问题搞定了,在此记录一下,并mark几个坑。 ...

丁佳辉
01/03
278
0
React-Native 实现全屏展示的 Modal 弹窗

1. 背景 最近公司的项目 Android 端的 UI 效果也改成了沉浸式状态栏的效果,在使用中突然发现一个问题,之前的弹窗组件(RN 的 Modal)无法是实现全屏展示,类似的效果如下 实在是太丑了有木...

这真不是玩笑
04/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

最简单的获取相机拍照的图片

  import android.content.Intent;import android.graphics.Bitmap;import android.os.Bundle;import android.os.Environment;import android.provider.MediaStore;import andr......

MrLins
今天
6
0
说好不哭!数据可视化深度干货,前端开发下一个涨薪点在这里~

随着互联网在各行各业的影响不断深入,数据规模越来越大,各企业也越来越重视数据的价值。作为一家专业的数据智能公司,个推从消息推送服务起家,经过多年的持续耕耘,积累沉淀了海量数据,在...

个推
今天
9
0
第三方支付-返回与回调注意事项

不管是支付宝,微信,还是其它第三方支付,第四方支付,支付机构服务商只要涉及到钱的交易都要进行如下校验,全部成功了才视为成功订单 1.http请求是否成功 2.校验商户号 3.校验订单号及状态...

Shingfi
今天
5
0
简述Java内存分配和回收策略以及Minor GC 和 Major GC(Full GC)

内存分配: 1. 栈区:栈可分为Java虚拟机和本地方法栈 2. 堆区:堆被所有线程共享,在虚拟机启动时创建,是唯一的目的是存放对象实例,是gc的主要区域。通常可分为两个区块年轻代和年老代。更...

DustinChan
今天
7
0
Excel插入批注:可在批注插入文字、形状、图片

1.批注一直显示:审阅选项卡-------->勾选显示批注选项: 2.插入批注快捷键:Shift+F2 组合键 3.在批注中插入图片:鼠标右键点击批注框的小圆点【重点不可以在批注文本框内点击】----->调出批...

东方墨天
今天
7
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部