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

目前常用的沉浸式状态栏的适配一般都是,style中配置
false
true
又或者设置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,网易云音乐,手机淘宝等


image.png
image.png
image.png

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


image.png

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

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

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

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

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

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


image.png
image.png

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


image.png

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

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


image.png
image.png
image.png
image.png

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

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


image.png

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

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

我们验证下我们的成果

aa.gif

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

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

image.png

所以这里就有了第一种用法.
1.只监听不破坏原有的事件传递机制

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(R.id.llBottom)?.height ?: 0
findViewById(R.id.flEt)?.setPadding(0,0,0,systemWindowInsetBottom-h)
}
}
insets.consumeSystemWindowInsets()
}

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

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

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

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


image.png

你可能感兴趣的:(状态栏,导航栏,输入法弹起终极适配方案)