超简单软键盘遮挡聊天记录解决方法

最新推荐文章于 2023-03-05 11:59:52 发布

ZHUHUOHUO

最新推荐文章于 2023-03-05 11:59:52 发布

阅读量600

点赞数

本文链接：https://blog.csdn.net/ZHUHUOHUO/article/details/109599976

版权

通过为根布局添加布局改变监听器，当检测到软键盘弹出时，自动调整RecyclerView滚动到底部，确保聊天记录始终可见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根布局添加布局改变监听器
在方法里判断软键盘弹出，然后让recyclerview滚动到最后一行

rootLayout.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
   
            @Override
            public void onLayoutChange(View v, int left, int

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ZHUHUOHUO

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

仿微信、QQ聊天页面软键盘遮挡聊天对话的解决办法

Dasy_R的博客

06-17

1640

在刚制作的时候弹起来的软键盘会覆盖聊天记录 类似这样然后我仔细研究了下代码原代码： //底部框代码 <view class="cu-bar foot input"> <view class="action" @tap="call"> <text class="cuIcon-phone text-grey"></text> </view> <view class="action" @tap="chooseImage">

微信小程序实现仿微信聊天界面(各种细节处理)

热门推荐

盛国强的博客

01-07

7万+

话不多说，美图镇楼：下面先来看看效果为实现这样的效果，首先要解决两个问题： 1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看不到的问题； 2.键盘弹出或收起时，聊天消息没有自动滚到最底部。首先解决第二个问题，自动滚动到最底部，这很简单，这里提供三种方法（推荐第三种）： 1.计算每条消息的最大高度，设置scroll-top=(单条msg最大高度 * msg条数)px。 2.用将...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序 textarea 组件中手机软键盘挡住内容的处理方案

Mr_Chao的博客

03-22

1556

微信小程序 textarea 组件中手机软键盘挡住内容的处理方案查看开发文档设置并增大 cursor-spacing的值，可以完美处理textarea内容被键盘遮挡问题

android 自定义键盘遮挡输入框,Android 聊天列表 软键盘遮挡住输入框所在容器的问题...

weixin_35275073的博客

05-26

246

很多朋友说在androidManifest.xml中的activity中设置android:windowSoftInputMode="adjustUnspecified|stateHidden" ，我之前设置了没有反应，所以我把去掉了，用的默认的。布局文件：android:layout_width="match_parent"android:layout_height="match_parent"...

Android聊天界面监听软键盘弹出聊天记录跟着顶上去

magicbaby810的博客

01-12

6242

项目中做了个聊天界面，就一个界面懒得扒框架，顺手撸了。最后被提了个Bug，弹出输入法键盘挡住了一部分聊天记录，如下看了微信就不会这样，寻思是不是改改布局就可以。结果，一直以为是动态改变recyclerview的高度，配合布局，把recyclerview顶上去。各种尝试都不行，最后才明白，监听软键盘弹出，来改变recyclerview滚动到最后一个item，吐血。代码

微信项目中，输入框被键盘遮挡的解决方案

一个勤勤恳恳的前端工程狮

12-04

1万+

// 解决输入框被挡住 var interval; function scrollToEnd(){ document.body.scrollTop = document.body.scrollHeight; } //userInput是自己定义的输入框 var userInput = document.getelementById('id'); userInput.addEventLis...

移动端固定输入框在底部会被键盘遮挡的解决方法(必看篇)

01-04

每次键盘遮挡住输入框之后，必须要手动向上滑动一下屏幕才显示出来，这体验效果就很不好了吧。然后自己就尝试了各种方法，什么定时器、绝对定位、固定定位、计算屏幕高度再定位等等，都没有作用，键盘出来后还是会...

解决软键盘遮挡问题：Android仿QQ聊天UI开发

本知识点将围绕Android软键盘遮挡输入框的问题进行展开，详细介绍如何解决这一常见的开发问题，同时涉及基本的聊天界面布局和交互设计。 ### 软键盘遮挡问题 软键盘遮挡输入框是Android开发中常遇到的问题，特别是...

Android软键盘遮挡解决方案：实战案例与性能优化

[Android软键盘遮挡解决方案：实战案例与性能优化](https://img-blog.csdnimg.cn/direct/8979f13d53e947c0a16ea9c44f25dc95.png) # 摘要 Android平台上的软键盘遮挡问题是一个普遍存在的用户体验难题，尤其影响着...

解决聊天页面解决软键盘遮挡住输入框，和输入法把整个页面顶上去的问题

qq_43143981的博客

12-25

6628

这是我的效果图下面讲一下配置步骤 1.清单文件Activity中里配置 android:windowSoftInputMode=“adjustResize” 2.根目录layout布局加入 android:fitsSystemWindows=“true” &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/r...

微信小程序页面遮挡解决

weixin_51295863的博客

03-05

1209

很难受，于是修改聊天框所在view的margin-bottom，没什么用，因为页面高度不能写固定的，所以想来想去，找到一个好办法，在聊天容器下面加个小容器，设置高度就行。这段时间在做一个人工智能聊天客服，突然发现当聊天的语言变多的时候，发生最下面的聊天记录会被固定在下方的input输入框挡到，像下面这样子。后面再写一篇关于input随键盘弹起改变高度的，不然被手机键盘挡到。

【微信小程序】解决设置position:fixed后遮挡内容、内容显示不全

川川的博客

01-24

6055

通过padding巧妙解决position:fixed遮挡内容造成的内容显示不全问题

uniapp微信小程序仿聊天输入框在软键盘隐藏显示时与底部距离，以及保证聊天消息滚动到底部的问题以及解决办法

m0_61702149的博客

07-14

7477

uniapp 仿微信聊天,输入框与键盘的问题，以及保证聊天一直滚动到底部

qq发消息时键盘挡住了_键盘挡住输入框解决办法

weixin_36269396的博客

12-31

6510

为什么？为什么要随时监测屏幕大小，这是因为我们在手机端的时候，常常会遇到这样的问题：当点击输入框的时候，手机的键盘就会自动浮现，它会使得页面的可视示高度(document.body.clientHeight)发生变化。而我们的输入框就被可怜的遮挡在小键盘后面怎么办？方法1我们不知道小键盘何时会出现，但有一点是可以确定的，当小键盘出现的时候，body的可视区域一定为发生变化！！当我们检测到页面的可视...

#解决仿微信聊天界面键盘遮盖聊天的界面

qq_19734895的博客

07-18

2649

解决仿微信聊天界面键盘遮盖聊天的界面注意聊天界面的activity一定不能处于全屏模式//第一步设置属性<?xml version="1.0" encoding="utf-8"?> <LinearLayout android:id="@+id/root" android:orientation="vertical" xmlns:android="h

聊天中键盘弹起时上推页面造成顶部消息看不见解决方案

m0_46365130的博客

04-13

897

先简单搭建一下页面结构  <scroll-view class="msg-list" scroll-y="true"> </scroll-view>  <view class="input-box"> <input class="input" :adjust-position="false" /> </view>

手机点击输入框，弹出输入法会盖住web的文本框问题。

weixin_33722405的博客

04-16

160

输入法盖住文本框解决办法:把文本框外的div设置成固定定位 fixed 输入框文本时时变化激发的方法：onpropertychange="***"兼容ie 。 oninput="***"兼容非IE，两者可同时使用 ...

Android聊天界面解决输入框覆盖聊天内容

qq_33487472的博客

12-14

3099

在写聊天界面时遇到了一个问题，就是当软键盘弹出时，底部的输入框上移，聊天界面没有跟着上移结果挡住了聊天内容。找了很多方法都是把底部EditView和聊天的Listview放在ScrollView里，但是这样不能固定输入框一直在底部。最后找到了解决方法其实很简单，只需要在ListView的布局文件中添加：android:transcriptMode="alwaysScroll" 即