
Android 键盘弹起和回落事件监听(二)之移动布局
废话不多说直接上代码
发布日期:2021-06-23 19:02:46
浏览次数:3
分类:技术文章
本文共 3940 字,大约阅读时间需要 13 分钟。
转载请注明出处
Author:ruanjianjiagou@163.com 背景 在京东金融APP的登陆页面键盘弹出后整个布局上移,键盘弹起后,用户仍能看到页面全部内容,这样的用户体验要好于键盘弹起后紧贴输入框下侧,或者键盘弹起后直接连输入的区域都遮挡。
上一篇文章主要介绍了捕捉键盘弹起和落下事件
传送门:
本篇主要介绍在弹起和回落后布局的移动操作
其实在移动操作中可以加入动画给用户更好的体验, 因为京东金融也只做了布局直接移动,本实例直接按最简单的移动展示/** * 布局上移 */ void _MoveUp(View v, int h) { v.scrollBy(0, DensityUtil.dip2px(this, h)); } /** * 布局下沉 * * @param v * @param h */ void _MoveDown(View v, int h) { v.scrollBy(0, -DensityUtil.dip2px(this, h)); }
DensityUtil 是什么鬼?dp转换px的一个工具,代码如下
package open.ppdai.com.keyboardlogin;import android.content.Context;/** * Author:xuqiliang * Email:ruanjianjiagou@163.com * * @data:17/1/11 下午3:23 * @Description:${todo} */public class DensityUtil { /** * 根据手机的分辨率从 dp 的单位 转成为 px(像素) */ public static int dip2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } /** * 根据手机的分辨率从 px(像素) 的单位 转成为 dp */ public static int px2dip(Context context, float pxValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); } /** * 将px值转换为sp值,保证文字大小不变 * * @param pxValue (DisplayMetrics类中属性scaledDensity) * @return */ public static int px2sp(Context context, float pxValue) { final float fontScale = context.getResources().getDisplayMetrics().scaledDensity; return (int) (pxValue / fontScale + 0.5f); } /** * 将sp值转换为px值,保证文字大小不变 * * @param spValue (DisplayMetrics类中属性scaledDensity) * @return */ public static int sp2px(Context context, float spValue) { final float fontScale = context.getResources().getDisplayMetrics().scaledDensity; return (int) (spValue * fontScale + 0.5f); }}
以上为关键代码,让我来直接的,讲真我不想看关键的,我只想快速实现,别让我还要动脑子想在哪调用…..ok …
package open.ppdai.com.keyboardlogin;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.LinearLayout;import android.widget.Toast;/** * Author ruanjianjiagou@163.com * 捕捉界面键盘弹起动作 * 例如 京东金融 登陆界面 在输入框获取焦点后键盘弹出把整个布局上移 * 键盘回落后布局也相应回落 */public class MainActivity extends AppCompatActivity { private LinearLayout root_view; private int screenHeight = 0; private int keyHeight = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initListener(); initOtherData(); } private void initView() { root_view = (LinearLayout) findViewById(R.id.root_view); } private void initListener() { root_view.addOnLayoutChangeListener(new View.OnLayoutChangeListener() { @Override public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) { if (oldBottom != 0 && bottom != 0 && (oldBottom - bottom > keyHeight)) { Toast.makeText(MainActivity.this, "键盘弹起", Toast.LENGTH_SHORT).show(); _MoveUp(root_view, 40); } else if (oldBottom != 0 && bottom != 0 && (bottom - oldBottom > keyHeight)) { Toast.makeText(MainActivity.this, "键盘落下", Toast.LENGTH_SHORT).show(); _MoveDown(root_view, 40); } } }); } private void initOtherData() { screenHeight = this.getWindowManager().getDefaultDisplay().getHeight(); keyHeight = screenHeight / 3; } /** * 布局上移 */ void _MoveUp(View v, int h) { v.scrollBy(0, DensityUtil.dip2px(this, h)); } /** * 布局下沉 * * @param v * @param h */ void _MoveDown(View v, int h) { v.scrollBy(0, -DensityUtil.dip2px(this, h)); }}
其实只要知道了,键盘弹出和关闭事件,整个世界都是你的了。
代码奉上吧~ 源码戳我下载转载地址:https://blog.csdn.net/u014513456/article/details/54378781 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2023年09月12日 14时58分37秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【Java】List集合常用创建方式
2019-03-07
【Java】String字符串的比较
2019-03-07
基于Spark rdd的单词计数,Java与Scala版本
2019-03-07
由GeoJson格式渲染地图
2019-03-07
Spark集群启动与查看Spark集群进程启动情况
2019-03-07
浮点数精度问题——由Mathf.Floor()引发的思考
2019-03-07
Unity——浅谈AB包(AssetBundle)
2019-03-07
Mac、移动端的抓包方式和注意事项——Charles
2019-03-07
Unity资源管理和策略
2019-03-07
番茄工作法——总结笔记
2019-03-07
Redux 源码共读 -- 2
2019-03-07
Redux 源码共读 -- 1
2019-03-07
使用 nodeJs 实现 js/ts 文件翻译功能
2019-03-07
图片添加水印、文件转图片、图片转文件、html2canvas截屏功能
2019-03-07
React技术1-集成react router
2019-03-07
高德地图基础使用教程(附demo)
2019-03-07
使用 node 和 socket 实现在线聊天室
2019-03-07
设置定时器和清除定时器的最佳方案
2019-03-07
Element-ui 对话框el-dialog点击关闭事件处理
2019-03-07