IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android Compose Dialog唤起键盘后,键盘遮挡Dialog底部内容或者底部TextField顶起不完美的解决方法 -> 正文阅读

[移动开发]Android Compose Dialog唤起键盘后,键盘遮挡Dialog底部内容或者底部TextField顶起不完美的解决方法

????????前段时间学习了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:开始编写蒙版,内容,模拟对话框
在这里插入图片描述
效果和方案一一样,就不展示。
最后:
如果大家有好的解决方案,请留言,谢谢~~

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-08-06 10:55:38  更:2022-08-06 10:56:45 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/25 4:31:53-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码