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

最新推荐文章于 2024-04-29 17:32:42 发布
最新推荐文章于 2024-04-29 17:32:42 发布
阅读量6.4k 收藏 3
点赞数
文章标签： android 软键盘 SoftInput qq微信聊天 顶布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/natloc/article/details/50823623
版权

目录

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

操作环境

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

导读

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

目标

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

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

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

实

最低0.47元/天 解锁文章
natloc
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
仿微信、QQ聊天页面软键盘遮挡聊天对话的解决办法
Dasy_R的博客
06-17 1513
在刚制作的时候弹起来的软键盘会覆盖聊天记录 类似这样 然后我仔细研究了下代码 原代码： //底部框代码 <view class="cu-bar foot input"> <view class="action" @tap="call"> <text class="cuIcon-phone text-grey"></text> </view> <view class="action" @tap="chooseImage">
android仿微信、QQ等聊天界面，实现点击输入框弹出软键盘、点击其他区域收起软键盘，默认滑动至最低端
qq_34198206的博客
10-09 8157
如图所示，点击输入框及选择图片和发送按钮时软键盘显示且不消失，点击其他区域，则隐藏软键盘。 主要代码如下: override fun dispatchTouchEvent(ev: MotionEvent?): Boolean { if (ev!!.getAction() === MotionEvent.ACTION_DOWN) { val v = currentF...
基于Android Studio 制作仿微信APP界面完成在线聊天发布朋友圈等功能
最新发布
编程乐学的博客
04-29 2116
基于Android Studio 制作仿微信APP界面完成在线聊天发布朋友圈等功能
android高仿微信表情输入与键盘输入(详细实现分析)
热门推荐
zejian的博客
08-05 4万+
转载请注明出处： http://blog.csdn.net/javazejian/article/details/52126391  最近公司在项目上要使用到表情与键盘的切换输入，自己实现了一个，还是存在些缺陷，比如说键盘与表情切换时出现跳闪问题，这个相当困扰我，不过所幸在Github（其中一个不错的开源项目，其代码整体结构很不错）并且在论坛上找些解决方案，再加上我也是研究了好多个开源项目的代码，
android 自定义密码输入框,android自定义仿微信、支付宝 密码输入框
weixin_34506795的博客
05-25 278
#####效果图：#####直接上代码：/*** Description: 密码 输入框* Created by zouyulong on 2017/7/31.*/public class CustomPasswordInputView extends EditText {private Context mContext;/*** 第一个密码实心圆的圆心坐标*/private float mFir...
安卓开发：模仿微信，QQ评论输入框，使用PopupWindow完美实现（新版）
ximen_qing的博客
08-29 1198
首先说一下实现的效果，点击外部消失，有个缺点，键盘弹出时，点击back不会消失，第二次点击back或者点外部才可以消失； 我的直播项目里用的，有“弹幕”按钮（已隐藏），上效果 布局左边是有弹幕按钮的，隐藏了，有需要打开就可以了 上布局代码：<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http:/
Android仿微信聊天界面，解决软键盘抬升问题
06-01
Android仿微信聊天界面，解决软键盘抬升的小Demo。同时也有包含两张聊天气泡图。对应介绍博客[](https://blog.csdn.net/Allen_Adolph/article/details/106467315)。大家可以看看。谢谢支持！
详解微信小程序实现仿微信聊天界面(各种细节处理)
12-01
本文介绍了微信小程序实现仿微信聊天界面，分享给大家，具体如下： 下面先来看看效果 为实现这样的效果，首先要解决两个问题： 1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看不到的问题； 2.键盘弹...
HTML5仿微信聊天界面、微信朋友圈实例代码
09-27
【HTML5仿微信聊天界面与微信朋友圈实例代码详解】 在移动互联网时代，微信已经成为人们日常生活中不可或缺的一部分。作为开发者，创建类似微信的交互体验对于提升用户体验具有重要意义。本实例将介绍如何使用HTML5...
微信小程序自定义数字键盘|仿支付宝、微信支付数字软键盘
03-29
前几天有开发过一个html5仿支付宝、微信支付数字键盘，在某些特定场景下自定义数字键盘应用还是蛮广泛的，比如 小程序商城系统 需要零钱支付 ,会员卡支付，心想着微信小程序没有内部数字键盘组件，这样输入密码就...
Android仿微信键盘切换效果
08-25
总的来说，实现Android仿微信键盘切换效果，需要综合运用布局管理、键盘监听、触摸事件处理和第三方库集成等技术。通过细致的布局设计和合理的逻辑控制，可以提供与微信类似的流畅用户体验。在实际开发过程中，还要...
Android实现类似微信的文本输入框 效果
08-30
本文给大家介绍一下微信的文本输入框是如何实现的，其实那只是个普通的文本框设了一个特殊的背景而已。具体微信怎么实现的，大家可以反编译下，这里介绍下如何实现这个背景
Android高仿微信的聊天界面
07-24
高仿微信界面。在代码中主要是使用了ListView 优化过的ListView适配器
Android之仿QQ输入框
01-25
仿QQ的输入框
原创android仿QQ微信，融云输入框
05-27
自定义view实现融云，微信输入框布局，包括表情的显示，控制输入法的弹出，其中代码综合了网上的demo，也有表情规则的匹配方法。
android方块布局,Android仿微信或支付宝方块密码输入框
weixin_33427476的博客
05-26 177
在用到支付类或者验证类app时，都有一个简密的输入框。百度了下有个不错的帖子，点击打开链接不过自己也写了个简单的类似的。懒得运行，直接截layout.xml的效果图先。布局文件android:layout_width="fill_parent"android:layout_height="wrap_content"android:background="#ffffff"android:paddin...
android 全屏 布局上移,Android实现布局全屏
weixin_39907850的博客
05-26 509
本文实例为大家分享了Android实现布局全屏的具体代码，供大家参考，具体内容如下前言类似Launcher，希望占用的布局铺满全屏，以调整状态栏及虚拟按键部分的颜色样式。废话不多说，上案例：一、效果预览二、案例实现1.新建Android工程2.styles样式增加values 目录的styles.xml添加如下样式：@android:color/transparent@nulltruetrueal...
android中点击输入框时整个布局被上移的解决办法
xunleji的专栏
08-30 3544
在activity中添加属性android:windowSoftInputMode="adjustResize|stateHidden"
Android软键盘弹出时的界面保持不变
05-29
在 AndroidManifest.xml 文件中为 Activity 添加 android:windowSoftInputMode 属性，可以指定软键盘弹出时的界面布局模式，如： ``` android:name=".MainActivity" android:windowSoftInputMode="adjustPan"> `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值