状态栏,导航栏,输入法弹起终极适配方案

Posted 2023-04-11

参考技术A

目前常用的沉浸式状态栏的适配一般都是,style中配置
<item name="android:windowTranslucentNavigation">false</item>
<item name="android:windowTranslucentStatus">true</item>
又或者设置window的flag,如:
if (Build.VERSION.SDK_INT >= 21)
int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
decorView.setSystemUiVisibility(option);
window.setStatusBarColor(Color.TRANSPARENT);

然后配合 : fitsSystemWindows = true来解决部分控件不需要沉浸的问题

当然还有更野的,直接固定状态栏高度,比如tim,网易云音乐,手机淘宝等

当状态栏高度为0时,瞬间就暴露出来了,当然也有做的好的,比如微信,等

在实际开发中这些api是完全无法满足我们对视觉的追求,其中最常见的就是首页,有的tab需要沉浸式,有些不需要,就完全无法完美实现.

然后就是虚拟导航栏了,设置
<item name="android:windowTranslucentNavigation">true</item> 后,布局会沉入导航栏,还有一些其它的问题,解决起来也还不算太麻烦,这里就不详细说了

还有一个就是虚拟键盘弹起时,布局被盖住,或者弹起的问题了,当然这个也很好解决
只需要设置android:windowSoftInputMode="adjustResize" 或者 adjustPan就可以轻松解决绝大多数问题.

虽然上面的3个问题都可以或复杂,或简单的解决,但是想要实现一些高要求的需求时就有些无力了.

如果能够监听到状态栏,导航栏,虚拟键盘高度的变化,是不是这些都可以迎刃而解,而且还能实现一些更有意思的功能?
如何才能监听到状态栏,导航栏,虚拟键盘高度的变化呢?

接下来我们先研究研究系统是如何处理这些问题的.
首先我们先用布局查看器来查看界面的布局

可以看到,在未设置沉浸式状态栏时,对第decorView的第0个view设置paddingtop和marginBottom,同时再在上面覆盖两个view来充当状态栏和导航栏的颜色

当输入法弹起时同样是对第decorView的第0个view设置paddingBottom来实现的,这说明decorView的第0个view是可以监听到我们想要的东西的.

通过查看系统源码,终于让我找到了vew的dispatchApplyWindowInsets这个方法
仔细查看了一下这个源码

终于让我找到了给view设置padding的方法.

同时发现decorView重新了onApplyWindowInsets方法,并在这里添加了充当状态栏和导航栏颜色的背景view

decorView共有5处调用addView的逻辑,具体如何实现的就不深究了.

既然知道了系统的处理方案接下来我们只需在系统调用dispatchApplyWindowInsets时我们能收到相应的监听就可以了.
还好系统为我们提供了setOnApplyWindowInsetsListener方法.

我们验证下我们的成果

到这里,要讲的核心东西已经讲完了,只剩下使用问题了.

至于如何使用可以根据个人情况,进行自行选择.这里只介绍两种使用方式.
这里先警告一下,setOnApplyWindowInsetsListener后会破坏系统的事件传递机制
不过可以通过手动调用onApplyWindowInsets来进行解决

val viewGroup = window.decorView as ViewGroup
viewGroup.setOnApplyWindowInsetsListener v, insets ->
println("--------$insets")
v.post
//在这里动态通知需要适配状态栏,导航栏,输入法弹起的控件

v.onApplyWindowInsets(insets)

2.完全中断系统的适配方案,由我们自行处理,如:

val viewGroup = window.decorView as ViewGroup
viewGroup[0].setOnApplyWindowInsetsListener v, insets ->
println("--------$insets")
v.post
//在这里动态通知需要适配状态栏,导航栏,输入法弹起的控件
insets.run
//视情况而定
// v.setPadding(stableInsetLeft, stableInsetTop, stableInsetRight, stableInsetBottom)
v.setPadding(systemWindowInsetLeft, systemWindowInsetTop, systemWindowInsetRight, 0)
val h = findViewById<View>(R.id.llBottom)?.height ?: 0
findViewById<View>(R.id.flEt)?.setPadding(0,0,0,systemWindowInsetBottom-h)


insets.consumeSystemWindowInsets()

至于为什么要在decorView 的第0个view进行监听自行研究体会.

其中第二种方式可以在不需要对activity进行任何style或者flag的设置就可以实现沉浸式状态栏效果.可玩性也更强.如果配上
<item name="android:windowTranslucentNavigation">true</item>那可玩性就更强了.至于能发挥到什么程度就看各人的想法了.

至此,所有的东西都已经写完了.

最后介绍一个可以实现的场景:
在输入法弹起时,我们可以自定义我们需要顶起的控件

android -------- 沉浸式状态栏ImmersionBar3.0

沉浸式状态栏我一直在使用的 一个库 ImmersionBar，非常不错，现在都3.0了

android 4.4以上沉浸式状态栏和沉浸式导航栏管理，适配横竖屏切换、刘海屏、软键盘弹出等问题，可以修改状态栏字体颜色和导航栏图标颜色，以及不可修改字体颜色手机的适配，适用于Activity、Fragment、DialogFragment、Dialog，PopupWindow，一句代码轻松实现，以及对bar的其他设置

效果图：(随便录制了几个常用的，其他的可以下载demo查看)

导入依赖

// 基础依赖包，必须要依赖
implementation 'com.gyf.immersionbar:immersionbar:3.0.0'

如果你的项目中使用了AndroidX支持库，请在你的gradle.properties加入如下配置

android.useAndroidX=true
android.enableJetifier=true

关于全面屏

在manifest加入如下配置，四选其一，或者都写

1. 在manifest的Application节点下加入

  <meta-data 
     android:name="android.max_aspect"
     android:value="2.4" />

2. 在manifest的Application节点中加入

android:resizeableActivity="true"

3. 在manifest的Application节点中加入

 android:maxAspectRatio="2.4"

4.升级targetSdkVersion为25以上版本

关于刘海屏

在manifest的Application节点下加入，vivo和oppo没有找到相关配置信息

   <!--适配华为（huawei）刘海屏-->
   <meta-data 
     android:name="android.notch_support" 
     android:value="true"/>
   <!--适配小米（xiaomi）刘海屏-->
   <meta-data
     android:name="notch.config"
     android:value="portrait|landscape" />

基础用法

ImmersionBar.with(this).init();

高级用法(每个参数的意义)

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)   //状态栏字体是深色，不写默认为亮色
             .navigationBarDarkIcon(true) //导航栏图标是深色，不写默认为亮色
             .autoDarkModeEnable(true) //自动状态栏字体和导航栏图标变色，必须指定状态栏颜色和导航栏颜色才可以自动变色哦
             .autoStatusBarDarkModeEnable(true,0.2f) //自动状态栏字体变色，必须指定状态栏颜色才可以自动变色哦
             .autoNavigationBarDarkModeEnable(true,0.2f) //自动导航栏图标变色，必须指定导航栏颜色才可以自动变色哦
             .flymeOSStatusBarFontColor(R.color.btn3)  //修改flyme OS状态栏字体颜色
             .fullScreen(true)      //有导航栏的情况下，activity全屏显示，也就是activity最下面被导航栏覆盖，不写默认非全屏
             .hideBar(BarHide.FLAG_HIDE_BAR)  //隐藏状态栏或导航栏或两者，不写默认不隐藏
             .addViewSupportTransformColor(toolbar)  //设置支持view变色，可以添加多个view，不指定颜色，默认和状态栏同色，还有两个重载方法
             .titleBar(view)    //解决状态栏和布局重叠问题，任选其一
             .titleBarMarginTop(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.x手机导航栏颜色，默认为true
             .navigationBarWithEMUI3Enable(true) //是否可以修改emui3.x手机导航栏颜色，默认为true
             .keyboardEnable(true)  //解决软键盘与底部输入框冲突问题，默认为false，还有一个重载方法，可以指定软键盘mode
             .keyboardMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)  //单独指定软键盘模式
             .setOnKeyboardListener(new OnKeyboardListener() {    //软键盘监听回调，keyboardEnable为true才会回调此方法
                   @Override
                   public void onKeyboardChange(boolean isPopup, int keyboardHeight) {
                       LogUtils.e(isPopup);  //isPopup为true，软键盘弹出，为false，软键盘关闭
                   }
              })
             .setOnNavigationBarListener(onNavigationBarListener) //导航栏显示隐藏监听，目前只支持华为和小米手机
             .setOnBarListener(OnBarListener) //第一次调用和横竖屏切换都会触发，可以用来做刘海屏遮挡布局控件的问题
             .addTag("tag")  //给以上设置的参数打标记
             .getTag("tag")  //根据tag获得沉浸式参数
             .reset()  //重置所以沉浸式参数
             .init();  //必须调用方可应用以上所配置的参数

更多详细和代码介绍请看信息

github地址：https://github.com/gyf-dev/ImmersionBar