转载请注明出处
http://blog.csdn.net/u014513456/article/details/54378781
Author:[email protected]
背景
在京东金融APP的登陆页面键盘弹出后整个布局上移,键盘弹起后,用户仍能看到页面全部内容,这样的用户体验要好于键盘弹起后紧贴输入框下侧,或者键盘弹起后直接连输入的区域都遮挡。
上一篇文章主要介绍了捕捉键盘弹起和落下事件
传送门:http://blog.csdn.net/u014513456/article/details/54343765
本篇主要介绍在弹起和回落后布局的移动操作
其实在移动操作中可以加入动画给用户更好的体验,
因为京东金融也只做了布局直接移动,本实例直接按最简单的移动展示
废话不多说直接上代码
/**
* 布局上移
*/
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:[email protected]
*
* @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 [email protected]
* 捕捉界面键盘弹起动作
* 例如 京东金融 登陆界面 在输入框获取焦点后键盘弹出把整个布局上移
* 键盘回落后布局也相应回落
*/
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));
}
}
其实只要知道了,键盘弹出和关闭事件,整个世界都是你的了。
代码奉上吧~
源码戳我下载
http://download.csdn.net/download/u014513456/9735954