Android支持快捷输入的EditText

逃离我推掉我的手 2022-05-22 23:42 207阅读 0赞

今天继续分享小功能。支持快捷输入的 EditText，咋一看有点蒙。这是啥玩意。是这样的，有些时候咱们的输入框可能有一些固定的常用短语(比如是聊天回复的输入框，那常用短语就有“我现在很忙，一会在联系。”、“您说的事情我知道了。”、“好的，收到。”)。碰到这种情况就希望EditText在输入的时候可以在常用短语和输入键盘之间来回切换。接下来咱们就来看怎么一步一步达到这个效果。

**本文涉及到的所有代码都可以在，[https://github.com/tuacy/ConvenientInputEdit][https_github.com_tuacy_ConvenientInputEdit]**

# 一，效果图 #

> 选择EditText绑定的常用短语  
> ![选择EditText绑定的常用短语][EditText]
> 
> 键盘输入  
> ![键盘输入][70]

# 二，准备工作 #

在要实现效果之前，首先想到的是。

*  怎么去获取键盘的高度，因为想让选择常用短语的那一栏（RecyclerView）和键盘的高度一样。
 *  常用短语是直接在嵌在Activity里面呢（控制View隐藏还是显示）还是用PopupWindow（show后者dismiss）展示。最后选择的是PopupWindow。
 *  常用短语PopupWindow弹出的时候，如果EditText被覆盖了，应该怎么把EditText顶上去。
 *  键盘消失时候的监听。

# 三，实现过程 #

为了方便使用，决定重写EditText来实现整个功能，QuickInputEditText。QuickInputEditText的中心就是在处理常用短语选择和键盘输入之间的切换。这里我们用了两个PopupWindow（如下图所示）：mQuickInputBarPopup（有切换和取消按钮）、mQuickInputSelectPopup（常用短语选择）。mQuickInputBarPopup是会一直存在的。切换按钮就是做的工作就是mQuickInputSelectPopup消失键盘输入弹出，mQuickInputSelectPopup显示键盘输入消失。

![这里写图片描述][70 1]

核心代码

> 获取键盘高度，在键盘弹出的情况下获取

/** * 获取软件盘的高度 */
        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][https_github.com_tuacy_ConvenientInputEdit] 如果阅读的过程中有问题和疑问可以留言，我会尽量为大家解答的。

[https_github.com_tuacy_ConvenientInputEdit]: https://github.com/tuacy/ConvenientInputEdit
[EditText]: /images/20220523/44810ec283f345869a7f3a2097fbf2a2.png
[70]: /images/20220523/b22768ee38ba49308eece9450038ff78.png
[70 1]: /images/20220523/b462327605f844ae93989fdd51e330a8.png