今天继续分享小功能。支持快捷输入的 EditText,咋一看有点蒙。这是啥玩意。是这样的,有些时候咱们的输入框可能有一些固定的常用短语(比如是聊天回复的输入框,那常用短语就有“我现在很忙,一会在联系。”、“您说的事情我知道了。”、“好的,收到。”)。碰到这种情况就希望EditText在输入的时候可以在常用短语和输入键盘之间来回切换。接下来咱们就来看怎么一步一步达到这个效果。
本文涉及到的所有代码都可以在,https://github.com/tuacy/ConvenientInputEdit
一,效果图
选择EditText绑定的常用短语
选择常用短语
键盘输入
键盘输入
二,准备工作
在要实现效果之前,首先想到的是。
- 怎么去获取键盘的高度,因为想让选择常用短语的那一栏(RecyclerView)和键盘的高度一样。
- 常用短语是直接在嵌在Activity里面呢(控制View隐藏还是显示)还是用PopupWindow(show后者dismiss)展示。最后选择的是PopupWindow。
- 常用短语PopupWindow弹出的时候,如果EditText被覆盖了,应该怎么把EditText顶上去。
- 键盘消失时候的监听。
三,实现过程
为了方便使用,决定重写EditText来实现整个功能,QuickInputEditText。QuickInputEditText的中心就是在处理常用短语选择和键盘输入之间的切换。这里我们用了两个PopupWindow(如下图所示):mQuickInputBarPopup(有切换和取消按钮)、mQuickInputSelectPopup(常用短语选择)。mQuickInputBarPopup是会一直存在的。切换按钮就是做的工作就是mQuickInputSelectPopup消失键盘输入弹出,mQuickInputSelectPopup显示键盘输入消失。
image.png核心代码
获取键盘高度,在键盘弹出的情况下获取
/**
* 获取软件盘的高度
*/
public static int getKeyBoardHeight(Activity activity) {
Rect r = new Rect();
/**
* decorView是window中的最顶层view,可以从window中通过getDecorView获取到decorView。
* 通过decorView获取到程序显示的区域,包括标题栏,但不包括状态栏。
*/
activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(r);
//获取屏幕的高度
int screenHeight = activity.getWindow().getDecorView().getRootView().getHeight();
//计算软件盘的高度
int softInputHeight = screenHeight - r.bottom;
/**
* 某些Android版本下,没有显示软键盘时减出来的高度总是144,而不是零,
* 这是因为高度是包括了虚拟按键栏的(例如华为系列),所以在API Level高于20时,
* 我们需要减去底部虚拟按键栏的高度(如果有的话)
*/
// if (Build.VERSION.SDK_INT >= 20) {
// When SDK Level >= 20 (Android L), the softInputHeight will contain the height of softButtonsBar (if has)
softInputHeight = softInputHeight - getSoftButtonsBarHeight(activity);
// }
return softInputHeight < 0 ? 0 : softInputHeight;
}
public static int getSoftButtonsBarHeight(Activity activity) {
DisplayMetrics metrics = new DisplayMetrics();
//这个方法获取可能不是真实屏幕的高度
activity.getWindowManager().getDefaultDisplay().getMetrics(metrics);
int usableHeight = metrics.heightPixels;
//获取当前屏幕的真实高度
activity.getWindowManager().getDefaultDisplay().getRealMetrics(metrics);
int realHeight = metrics.heightPixels;
if (realHeight > usableHeight) {
return realHeight - usableHeight;
} else {
return 0;
}
}
QuickInputEditText里面监听键盘消失的核心代码,因为键盘主动消失的时候两个PopupWindow也是消失。
private ViewTreeObserver.OnGlobalLayoutListener mOnGlobalLayoutListener = new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
checkAttachActivity();
View decorView = mActivity.getWindow().getDecorView();
Rect rect = new Rect();
decorView.getWindowVisibleDisplayFrame(rect);
//计算出可见屏幕的高度
int displayHeight = rect.bottom - rect.top;
//获得屏幕整体的高度
int height = decorView.getHeight();
//获得键盘高度
boolean visible = (double) displayHeight / height < 0.8;
//如果键盘消失
if (!visible && !mQuickInputSelectPopup.isShowing()) {
if (mQuickInputBarPopup.isShowing()) {
mQuickInputBarPopup.dismiss();
}
if (mQuickInputSelectPopup.isShowing()) {
mQuickInputSelectPopup.dismiss();
}
}
}
};
QuickInputEditText点击的时候弹出PopupWindow
@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
performClick();
}
if (mQuickInputBarHeight == 0 || mQuickInputSelectHeight == 0) {
return super.onTouchEvent(event);
}
super.onTouchEvent(event);
requestFocus();
requestFocusFromTouch();
if (event.getAction() == MotionEvent.ACTION_UP) {
showPopup();
}
return true;
}
我发现很难把实现过程讲的非常清楚,如果大家有同样需求的话,可以直接参考源码 https://github.com/tuacy/ConvenientInputEdit 如果阅读的过程中有问题和疑问可以留言,我会尽量为大家解答的。
网友评论