前段时间学习了Android Compose。打算用Compose写套基础库,用在现有项目中。当前库已经编写完成,但在调试细节时,遇到了“Android Compose Dialog唤起键盘后,遮挡Dialog底部内容或者底部TextField顶起后输入框底部还是被遮挡的的“问题:具体情况如下图:
首先想到的是在AndroidManifest.xml中,添加“android:windowSoftInputMode=adjustResize”,但是这并没有解决问题(其实这本来和Dialog无关)。在Dialog,DialogFragment中,遇到此类情况时是设置Dialog的Window属性,来解决键盘问题的,给Dialog设置主题,或者在代码设置。
然而,在Compose中,官方给出的Dialog实现方式,我们既不能通过设置主题,也不能通过代码设置(拿不到Compose Dialog的window对象,当然,这也导致不能设置Gravity,设置对话框的位置了,需要通过自定义Modifier来实现对话框的位置)。
在搜索解决方案时,发现了一个WindowsIntest库,github地址是https://github.com/google/accompanist
;maven仓库地址是https://mvnrepository.com/artifact/com.google.accompanist
;官方guide地址是https://google.github.io/accompanist/insets/
,这只解决了遮挡的问题,但底部输入框的问题确变得更严重了。情况如下:
一度怀疑是不是自己用accompanist-insets-ui库的姿势不对,在经过各种尝试后发现解决不了问题,于是按官方建议,使用官方版本,将Compose库升级到1.2.0版本,使用官方在库androidx.compose.foundation中的WindowInsets来寻求解决我遇到的问题。
在将compose库升级到1.2.0版本后,用了foundation库中的imepadding。发现在Dialog中没有效果,用了和没用一样。然而在Activity中效果挺完美,具体情况如下图。
在Dialog中无效
在Activity中有效
,而且效果相当完美,动画也丝滑
在百度、Google多次,甚至查阅官方源码issue没有找到解决方案后,多次进行摸索尝试,探索出两种解决方案。源码均已用在公司项目中,这里只提供思路,提供关键代码,开口就要源码,语气不好的请自觉
方案一:模仿官方ComposeDialog的源码实现,自定义对话框(Custom Dialog)
方案二:使用WindowsInsets库后,我们能使用整个屏幕(能轻松获取、隐藏StatusBar、NavigationBar及其padding)以及键盘高度(在过去,键盘高度可不好轻易获取),那自定一个ComposeView,嵌入到当前Activity。然后再在ComposeView中绘制一个对话框出来(这个思路能绘制出各种想要的顶层组件)。
方案一,部分源码介绍。
解决后的效果图
缺点,由于AbstractCompseView中的onMearure、onLayout被声明为final。自定义的子类无法重写,导致该方案需要手动传入对话框的宽高给window。
方案二,部分源码介绍(已用在项目中,不便透露全部,提供思路和关键代码)。
原理:
1:通过在组合中拿到当前val view = LocalView.current。
2:通过第一步拿到的view,找到当前Window的ContentView
3:new一个ComposeView,并将该ComposeView添加到当前Activity的ContentView中
4:开始编写蒙版,内容,模拟对话框
效果和方案一一样,这里就不展示了。
最后:
如果大家有好的解决方案,请留言,谢谢~~(要全部源码的,没有哈,思路和关键代码均在博文中)