????????前段时间学习了Android Compose。打算用Compose写套基础库,用在现有项目中。当前库已经编写完成,但在调试细节时,遇到了“Android Compose Dialog唤起键盘后,遮挡Dialog底部内容或者底部TextField顶起不完美的“问题:如下图: ????????首先想到的是在AndroidManifest.xml中,添加“android:windowSoftInputMode=adjustResize”,但是这并没有解决问题(其实这本来和Dialog无关)。我仔细回想了下,在使用传统Dialog,DialogFragment中,遇到此类情况时是怎么处理的,给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没有找到解决方案。倒是加深了对Activity、Dialog、Window、WindowManager的理解。在吃不好、睡不好(问题没有解决)的几天后,突然灵机一动。想到了两个解决方案。 方案一:模仿官方ComposeDialog的源码实现,自定义对话框(Custom Dialog) 方案二:使用WindowsInsets库后,既然们能使用整个屏幕(能轻松获取、隐藏StatusBar、NavigationBar及其padding)以及键盘高度(在过去,键盘高度可不好轻易获取),那自定以ComposeView,嵌入到当前Activity。然后再在ComposeView中绘制一个对话框出来。 方案一,部分源码介绍。 解决后的效果图 缺点,由于AbstractCompseView中的onMearure、onLayout被声明为final。自定义的子类无法重写,导致该方案需要手动传入对话框的宽高给window。 方案二,部分源码介绍。 原理: 1:通过在组合中拿到当前val view = LocalView.current。 2:通过第一步拿到的view,找到ContentView 3:new一个ComposeView,并将该ComposeView添加到当前Activity的ContentView中 4:开始编写蒙版,内容,模拟对话框 效果和方案一一样,就不展示。 最后: 如果大家有好的解决方案,请留言,谢谢~~
|