keyboard dialog 仿微博键盘

功能描述：弹出键盘，右边有最大化按钮，没有最大化的时候最大行数为3，默认1行，随着文字输入增加自动增加高度，到达3行时不会在增加，点击最大化输入框，行数无限制，输入框下方图片点击删除

此处为了简便，键盘监听用了一个库，如果自己写也简单，直接 addOnGlobalLayoutListener 便可

首先是点击 edittext ，然后键盘自动弹起

这里的键盘弹起是在dialog里面提供了一个开关

然后是xml，xml有点讲究，不然达不到自动的效果，这也是实验了多种方式布局选择的一种

图中看出edittext输入框包含了图片浏览一起，其实只是背景效果，两者是分开的，上部分是输入框，下部分是一个列表，两者容器设置一个shape背景，这也看起来就跟一个整体一样，图片嵌入在了输入框里面，然后最下面是一个viewpager的表情列表

这种方式的布局可以达到一个效果，输入文字增加输入框会自动夸张行数高度，到了maxline后会停止，一开始想直接用约束的，不过试了几种方法达不到最终的效果，因为最大化后约束也会影响着布局，这样要控制的话逻辑代码就多了，所以为了简化这一步逻辑，里面用的常用布局方式，但是外层依然可以约束起来，这样一来最大化就只需要一小段代码就能完美的切换了，我只需要控制输入框的大小，其它布局都会自动调整约束，这样避免了很多逻辑控制操作

但是这里需要一个高度，不然约束布局起不到作用，除非全部使用常用布局，但是嵌套太多，自从用了 ConstraintLayout 就有强迫症，多一层嵌套心里就不舒服，但是这里也好处理，因为我们需要监听键盘的状态，居然都要监听，那么也就不算多出的逻辑

上图为切换表情输入框状态时的布局显示隐藏操作

然后我们外层一般使用 setCanceledOnTouchOutside 让dialog点击自动消失，但是这里还有一个要点，就是你操作想要手动让dialog关闭的时候需要使用另外的dialog关闭方法去关闭，否则有的时候dialog中的键盘关闭不了，比如点击发送，我们需要

关闭键盘和dialog

到这里一个输入框的雏形就有了

GitHub：https://github.com/1024477951/FragmentApp

原文地址：https://www.cnblogs.com/LiuZhen/p/10297446.html

时间： 2024-10-09 21:22:02

keyboard dialog 仿微博键盘的相关文章

仿微博视频边下边播之滑动TableView自动播放-b

Tips:这次的内容分为两篇文章讲述01.[iOS]仿微博视频边下边播之封装播放器 讲述如何封装一个实现了边下边播并且缓存的视频播放器.02.[iOS]仿微博视频边下边播之滑动TableView自动播放 讲述如何实现在tableView中滑动播放视频,并且是流畅,不阻塞线程,没有任何卡顿的实现滑动播放视频.同时也将讲述当tableView滚动时,以什么样的策略,来确定究竟哪一个cell应该播放视频. 上篇文章讲述了封装一个边下边播,并且带有缓存功能的播放器.如果你还没有看,请点击跳转[iOS]仿

java高仿微博日期显示格式化,日期辅助工具类

原文:java高仿微博日期显示格式化,日期辅助工具类 源代码下载地址:http://www.zuidaima.com/share/1550463377902592.htm 仿新浪微博日期格式化工具类: 例如: 1. 刚刚 2. xx分钟前 3. hh小时前 4. 今天 HH:mm 5. 昨天 HH:mm 6. 前天 HH:mm 7. 上个月 yyyy-MM-dd HH:mm 8. 去年 yyyy-MM-dd HH:mm 9. 前年 yyyy-MM-dd HH:mm 今天写的代码,结构还很粗糙,只

Dialog和软键盘在屏幕上的并存问题:

最近在优化项目登陆模块的用户体验,验证码登陆的时候出现了这个问题,当弹出加载框的时候自动把之前打开的软键盘给隐藏掉了,感觉用户体验不太好.在网上也搜不到针对这个问题的解答,最后还是想看看源码中有没有什么蛛丝马迹,果然还是通过源码解决了这个问题,不得感叹一下:关键时刻还是源码好使啊! 首先说下结论: 1.AlertDialog和ProgressDialog默认可以和系统软键盘并存与同意屏幕(其实质是并存于同一个window窗口,具体下面会解释) 2.Dialog以及用户自定义的继承自Dialog的

h5聊天室web端(仿微博、微信)|h5仿微信网页端|仿微信界面弹窗

html5开发的仿微博.微信聊天web端案例,h5仿微信聊天网页版,采用html5+css3+jquery+swiper+wcPop等技术进行布控架构开发,弹窗插件wcPop.js进行了一次全面api升级,修复编辑器插入表情时光标定位错误bug,新增了上传附件及自定义推送内容,另外也新增了个人名片.上传附件.分享等样式,功能上实现了消息.表情的发送,图片.视频全屏预览. 项目运行图: /* --- 用户设置.Start ---*/ // 联系人/群聊切换 $("body").on(&q

【ABAP系列】SAP ABAP 如何控制Dialog中的键盘(回车)功能

公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[ABAP系列]SAP ABAP 如何控制Dialog中的键盘(回车)功能 前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适. 正文部分 MODULE USER_COMMAND_2100 INPUT. CLEAR SAVE_OK. SAVE_OK = OK_CODE. CLEAR OK_CODE. CASE SAVE_OK. WH

UI基础--UITableView实现仿微博页面

需求:类似于微博内容页面的展示,内容包括有头像.呢称.会员标志.微博内容.微博图片(可有可没有).具体效果图: 实例的文件结构: 实现的具体步骤: 1.自定义数据模型类,并测试数据是否能正常加载: 2.设置storyBoard,把UIViewController改为UITableViewController,,并更改controller文件为继承自UITableViewController的自定义文件,设置关联; 3.自定义cell,由于每行数据的高度都是不规则的,所以考虑先自定义好frame再

【2016.11.28】纯HTML仿微博注册页面

效果如图 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>新浪微博</title> </head> <body bgcolor="#BEE1F5"> <table align="center" width="896" height="186

[LeetCode] 4 Keys Keyboard 四键的键盘

Imagine you have a special keyboard with the following keys: Key 1: (A): Print one 'A' on screen. Key 2: (Ctrl-A): Select the whole screen. Key 3: (Ctrl-C): Copy selection to buffer. Key 4: (Ctrl-V): Print buffer on screen appending it after what has

20150619仿微博提示剩余可输入字符

html===== <textarea name="" id="txt" cols="30" rows="10"></textarea> <div id='show'>剩余字符150字</div> js======= var txt=document.getElementById('txt'); var show=document.getElementById('show');