【android】软键盘 - 仿 qq/微信 聊天界面布局

最新推荐文章于 2026-05-14 09:32:09 发布
原创 最新推荐文章于 2026-05-14 09:32:09 发布 · 6.8k 阅读 · 3
标签
#android #软键盘 #SoftInput #qq微信聊天 #顶布局
本文介绍了如何在Android中实现类似QQ/微信聊天界面的软键盘适配，当输入框获得焦点时，内容区域会上移但顶部标题栏保持固定，提供了一个实现原理和具体的操作环境、布局文件设置以及最终的demo效果展示。

目录

  • 操作环境
  • 导读
  • 目标
  • 实现原理
  • 实现内容
  • demo 效果

操作环境

  • 操作系统：win7-64bit 旗舰版
  • android 版本：android-23
  • 模拟器信息：
    • api：19
    • 分辨率：480x800
    • dpi：160

导读

软键盘的弹出通常会将部分布局顶出屏幕外，或者直接覆盖在屏幕上的效果，或让人觉得很突兀，或无法时时刻刻看到底部输入框的内容；无法直接做出像 qq/微信 这样人性化的效果；

目标

实现目标：底部的输入框获取焦点后会将聊天内容顶上去一部分，但是聊天界面最上面的名称栏保持不动；

(图片均摘自百度)
软键盘隐藏：
这里写图片描述

软键盘弹出：
这里写图片描述

实现原理

  • 利用 FrameLayout 布局
  • 对标题栏，底部输入栏，消息内容栏划分层次结构
最低0.47元/天 解锁文章
Android仿微信聊天界面，解决软键盘抬升问题
06-01
Android仿微信聊天界面，解决软键盘抬升的小Demo。同时也有包含两张聊天气泡图。对应介绍博客[](https://blog.csdn.net/Allen_Adolph/article/details/106467315)。大家可以看看。谢谢支持！
Android仿微信输入框效果的实现代码
08-30
主要介绍了Android仿微信输入框效果的实现代码，需要的朋友参考下吧
实战经验：打造仿微信聊天键盘，解决常见问题
chuyouyinghe的专栏
05-06 1587
仿照微信聊天键盘的方法，实现了一个包含表情等功能的键盘区域，并解决了一些常见的问题。通过实践和调查，解决了切换键盘的问题，并实现了Emoji的Unicode显示和自定义删除时向前探索字符边界完成表情删除等操作。在过程中，以为很简单的一个东西花了大量的时间调查原因，发现键盘这一块水很深，当我看到ResultReceiver时，看到了AIDL通信，所以再Android这个体系中，Binder的机制需要了然于胸的，刚好我最近在学习Binder得各种知识，不久后会发布对应的博客，关注我，哈哈。此系列属于我的一个。
安卓模仿微信聊天界面(一)
小Tian的博客
02-23 3495
因为表情包实现比较麻烦,现在还在做,做完了发,还有就是对话框和微信不一样是因为没有合适的对话框的png图片用来做.9的图片. 依赖 implementation 'androidx.recyclerview:recyclerview:1.0.0' 在drawable里新建几个drawable resource file buttonbackground <?xml vers...
如何构建鲁棒机器学习模型：PRML对抗样本防御的终极指南
最新发布
gitblog_01033的博客
05-14 559
在当今人工智能飞速发展的时代，**模型鲁棒性**已成为机器学习领域的关键挑战。随着深度学习模型在各个领域的广泛应用，对抗样本攻击逐渐暴露出模型的脆弱性。**PRML（Pattern Recognition and Machine Learning）** 项目为开发者提供了一套完整的Python实现方案，帮助您理解和构建更加**鲁棒的机器学习模型**。本文将深入探讨**对抗样本防御**的核心概念，并
Android 高仿微信对话框
qq_17769455的博客
08-01 252
通用自定义dialog，高仿微信对话框
android高仿微信表情输入与键盘输入(详细实现分析)
热门推荐
zejian的博客
08-05 4万+
转载请注明出处： http://blog.csdn.net/javazejian/article/details/52126391  最近公司在项目上要使用到表情与键盘的切换输入，自己实现了一个，还是存在些缺陷，比如说键盘与表情切换时出现跳闪问题，这个相当困扰我，不过所幸在Github（其中一个不错的开源项目，其代码整体结构很不错）并且在论坛上找些解决方案，再加上我也是研究了好多个开源项目的代码，
Android仿QQ聊天界面设计与键盘交互控制
weixin_35516624的博客
07-26 770
本文档旨在帮助Android开发者学习如何构建一个与QQ聊天界面类似的UI，并且实现键盘控制功能。我们将通过实战演示，逐步分析并构建这个功能，内容覆盖UI布局设计、交互细节优化和键盘控制机制等关键点。在Android应用开发中，当用户点击输入框并弹出输入法键盘时，应用需要正确处理键盘的显示和隐藏，以及用户输入的文本。这涉及到输入法管理器（InputMethodManager）的使用。InputMethodManager是系统服务，负责管理应用中的输入法窗口，如软键盘。
android的50个优秀的UI界面设计例子
IT张的专栏
02-19 1万+
Android 仿微信之主页面实现篇Android 仿微信之界面导航篇Android 高仿QQ 好友分组列表Android 高仿QQ 界面滑动效果Android 高仿QQ 登陆界面Android 对Path的旋转效果的拓展Android高仿360安全卫士布局源码Android SlidingDrawer 滑动抽屉效果Android仿微信UI设计源码Android实现左右窗口的滑动效果源码Andro...
50个Android开发人员必备UI效果源码[转载]
11-04 1万+
Android 仿微信之主页面实现篇 Android 仿微信之界面导航篇 Android 高仿QQ 好友分组列表 Android 高仿QQ 界面滑动效果 Android 高仿QQ 登陆界面 Android 对Path的旋转效果的拓展 Android高仿360安全卫士布局源码 Android SlidingDrawer 滑动抽屉效果 Android仿微信UI设计源码 Android
Android仿QQ微信表情输入系统实战项目
weixin_42466723的博客
11-06 711
标准EditText在处理图文混排时存在诸多局限，特别是在删除逻辑和光标定位上。因此有必要开发一个继承自的自定义组件。重写方法，可实时监控光标位置，当落在ImageSpan上时自动跳过：@Override删除键的行为也需要特殊处理，确保整块删除而非逐字符清除：@Override使用Room库定义数据表结构并封装增删改查操作：@Dao异步更新策略能有效避免主线程阻塞，保障高频输入时不卡顿。
仿微信 QQ聊天布局 顶部title固定，底部是EditText，中间是RecyclerView，弹出软键盘，RecyclerView上移，标题不动
他晓
07-25 6582
仿微信 QQ聊天布局 顶部title固定，底部是EditText，中间是RecyclerView，弹出软键盘，RecyclerView上移，标题不动LinearLayoutManager linearLayoutManager = new LinearLayoutManager(mActivity, LinearLayoutManager.VERTICAL, false); linearLayout
Android 仿微信、QQ聊天界面
01-03
仿微信及qq聊天及表情发送（避免表情与软键盘切换导致的闪屏现象）
Android虚拟导航栏遮挡底部的输入框的解决方法
01-20
1.场景还原 最近忙着app的适配，在这个过程问题中，各种机型的奇葩问题都出来了，适配真尼玛痛苦！今天就oppo机型虚拟导航栏遮挡底部的输入框的问题作个记录。 2.解决方法 ① 在该Activity的根layout配置如下属性： android:fitsSystemWindows=true android:clipToPadding=false 第一个属性： 如果为true，将调整系统窗口布局以适应你自定义的布局。 第二个属性： 控件的绘制区域是否在padding里面，值为true时那么绘制的区域就不包括padding区域，默认滚动是在padding(区域)下进行的.然而如果你设置了
解决：(聊天布局)点击底部EditText 弹出软键盘遮挡住上方RecyclerView的内容，实现软键盘将RecyclerView上移效果
犟驴的博客
01-11 8591
最终效果：  我的页面整体是一个LinearLayout 里面由二个部分组成上面是一个协调布局，底部是一个线性布局 问题1：点击EditText键盘不会把底部EditText顶上去，怎么解决 方法有很多，我这里给一个方法 根部局设置    android:fitsSystemWindows="true" 的属性即可 问题2：点击进入聊天界面总是显示在最底部 当首次进入或者数据集发...
仿QQ空间评论随软键盘弹出和收回一个输入布局
zhang___yong的博客
07-16 1695
先来看一下效果图：                                点击图一底部的回复后，出现图二效果。软键盘弹出，上面显示出一个布局，包括输入框和功能按钮等。 先说下我的心路历程吧，原来并没想设置一个新的布局在软键盘上，而是希望软键盘弹出的时候把底部的那个布局直接顶上去。这个其实比较容易实现，只需要设置活动的属性：android:windowSoftInp
#解决仿微信聊天界面键盘遮盖聊天的界面
qq_19734895的博客
07-18 2769
解决仿微信聊天界面键盘遮盖聊天的界面注意聊天界面的activity一定不能处于全屏模式//第一步设置属性<!--模拟的布局文件--><?xml version="1.0" encoding="utf-8"?> <LinearLayout android:id="@+id/root" android:orientation="vertical" xmlns:android="h
50个Android开发人员必备UI效果源码
u014558889的专栏
03-08 4187
50个Android开发人员必备UI效果源码[转载] Android 仿微信之主页面实现篇 Android 仿微信之界面导航篇 Android 高仿QQ 好友分组列表 Android 高仿QQ 界面滑动效果 Android 高仿QQ 登陆界面 Android 对Path的旋转效果的拓展 Android高仿360安全卫士布局源码 Android SlidingDraw
仿微信 QQ聊天界面，弹出软键盘，listview上移，标题不动
MingYang
03-15 4504
转载请注明出处：http://blog.csdn.net/ym4189/article/details/79568820 完美解决聊天布局 顶部title固定，底部是EditText，中间是ListView，弹出软键盘，ListView上移，标题不动 1.布局文件 &lt;RelativeLayout xmlns:android="http://schemas.android.com...
android键盘底部弹出动画,解决：(聊天布局)点击底部EditText 弹出软键盘遮挡住上方RecyclerView的内容，实现软键盘将RecyclerView上移效果...
weixin_39980596的博客
05-28 1808
最终效果： 我的页面整体是一个LinearLayout 里面由二个部分组成上面是一个协调布局，底部是一个线性布局 问题1：点击EditText键盘不会把底部EditText顶上去，怎么解决方法有很多，我这里给一个方法根部局设置 android:fitsSystemWindows="true"的属性即可问题2：点击进入聊天界面总是显示在最底部当首次进入或者数据集发送改变时，让它总是滑动到最底部即...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值