二十六、自定义输入框--输入法与表情面板切换

我就是我 2022-09-26 00:20 171阅读 0赞

自定义的输入框一般都有输入法与表情面板切换的功能，要做到美好的切换体验也是不容易的。切换时不要闪，闪的原因是输入法出现时，会把activity往上挤压，输入法隐藏时，activity又会复原，这个过程，我们的界面就会跳来跳去，给人感觉就是闪瞎眼睛。

知道原因后就好解决了，首先给AndroidManifest.xml的activity设置：

android:windowSoftInputMode="stateHidden|adjustResize"

作用是打开activity时隐藏软键盘和自动改变activity大小以适应弹出的软键盘。

整体布局如下:

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        
        <FrameLayout
            android:id="@+id/fl_show"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#00aa00">
        </FrameLayout>
    
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="#008800"
            android:orientation="horizontal">
    
            <TextView
                android:id="@+id/tv_emoji"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="10dp"
                android:text="\@"
                android:textSize="20sp"
                android:textStyle="bold"/>
    
            <EditText
                android:id="@+id/et_input"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
    
        </LinearLayout>
    
        
        <FrameLayout
            android:id="@+id/fl_emoji"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#005500"></FrameLayout>
    
    </LinearLayout>

显示未@的TextView就是输入法和表情面板的切换按钮。

一、点击切换按钮，弹出软键盘

固定输入框以上内容的高度，它的高度固定之后，自定义输入框的位置就固定了，它就不会跳来跳去了，同时设置表情面板高度为0.

二、点击切换按钮，关闭软键盘

原理和上面一样，不同是需要设置表情面板的高度，并且它的高度和软键盘的高度一致。

MainActivity代码：

@Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tv_emoji:
                int softHeight = KeyBoardUtil.getSoftBoardHeight(this);
                if (softHeight <= 0) {
                    softHeight = KeyBoardUtil.getSoftBoardHeightSP(this);
                } else {
                    KeyBoardUtil.setSoftBoardHeight(this, softHeight);
                }
                KeyBoardUtil.setSoftBoardHeight(this, softHeight);
    
                if(KeyBoardUtil.isShowSoftBoard(this)) {
                    lockHeight();
                    setEmojiViewHeight(softHeight);
                    KeyBoardUtil.closeKeyboard(inputEditText, this);
                    unlockHeight();
                } else {
                    lockHeight();
                    setEmojiViewHeight(0);
                    KeyBoardUtil.openKeyboard(inputEditText, this);
                    unlockHeight();
                }
                break;
        }
    }
    
    private void lockHeight() {
        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) showFrameLayout.getLayoutParams();
        lp.height = showFrameLayout.getHeight();
        lp.weight = 0;
        showFrameLayout.setLayoutParams(lp);
    }
    
    private void unlockHeight() {
        // 需要做一个延时操作，不然没有效果
        inputEditText.postDelayed(new Runnable() {
            @Override
            public void run() {
                LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) showFrameLayout.getLayoutParams();
                lp.weight = 1;
                showFrameLayout.setLayoutParams(lp);
            }
        }, 200);
    }
    
    private void setEmojiViewHeight(int h) {
        ViewGroup.LayoutParams lp = emojiFrameLayout.getLayoutParams();
        lp.height = h;
        emojiFrameLayout.setLayoutParams(lp);
    }

软键盘工具类代码：

public class KeyBoardUtil {
    
        public static final String SP_SOFTBOARD_HEIGHT = "sp_softboard_height";
    
        /**
         * 软键盘是否显示
         *
         * @param activity
         * @return
         */
        public static boolean isShowSoftBoard(Activity activity) {
            return getSoftBoardHeight(activity) > 100;
        }
    
        /**
         * 软键盘高度
         *
         * @param activity
         * @return
         */
        public static int getSoftBoardHeight(Activity activity) {
            Rect r = new Rect();
            activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(r);
            return getScreenHeight(activity) - r.bottom;
        }
    
        /**
         * 获取屏幕高度
         *
         * @param activity
         * @return
         */
        private static int getScreenHeight(Activity activity) {
            WindowManager wm = activity.getWindowManager();
            return wm.getDefaultDisplay().getHeight();
        }
    
        /**
         * 获取软键盘高度
         *
         * @param context
         * @return
         */
        public static int getSoftBoardHeightSP(Context context) {
            SharedPreferences sp = context.getSharedPreferences("user", Context.MODE_PRIVATE);
            return sp.getInt(SP_SOFTBOARD_HEIGHT, 400);
        }
    
        /**
         * 设置软键盘高度
         *
         * @param context
         * @param h
         */
        public static void setSoftBoardHeight(Context context, int h) {
            SharedPreferences sp = context.getSharedPreferences("user", Context.MODE_PRIVATE);
            SharedPreferences.Editor editor = sp.edit();
            editor.putInt(SP_SOFTBOARD_HEIGHT, h);
            editor.apply();
        }
    
        /**
         * 打开软键盘
         *
         * @param mEditText 输入框
         * @param mContext  上下文
         */
        public static void openKeyboard(EditText mEditText, Context mContext) {
            InputMethodManager imm = (InputMethodManager) mContext.getSystemService(Context.INPUT_METHOD_SERVICE);
            imm.showSoftInput(mEditText, InputMethodManager.SHOW_FORCED);
            imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, InputMethodManager.HIDE_IMPLICIT_ONLY);
        }
    
        /**
         * 关闭软键盘
         *
         * @param mEditText 输入框
         * @param mContext  上下文
         */
        public static void closeKeyboard(EditText mEditText, Context mContext) {
            InputMethodManager imm = (InputMethodManager) mContext.getSystemService(Context.INPUT_METHOD_SERVICE);
            imm.hideSoftInputFromWindow(mEditText.getWindowToken(), 0);
        }
    }

效果图：

![Center][]

打开软键盘

![Center 1][]

关闭软键盘

demo代码下载：

[http://download.csdn.net/detail/yu75567218/9629656][http_download.csdn.net_detail_yu75567218_9629656]

参考：

[http://blog.csdn.net/javazejian/article/details/52126391][http_blog.csdn.net_javazejian_article_details_52126391]

[http://blog.163.com/ittfxin@126/blog/static/110674863201572513818601/][http_blog.163.com_ittfxin_126_blog_static_110674863201572513818601]

[Center]: /images/20220717/eef94c1a02ed4c92a1c6feb6c72a2208.png
[Center 1]: /images/20220717/70b1b3e76c654d1ebe8230530031d96a.png
[http_download.csdn.net_detail_yu75567218_9629656]: http://download.csdn.net/detail/yu75567218/9629656
[http_blog.csdn.net_javazejian_article_details_52126391]: http://blog.csdn.net/javazejian/article/details/52126391
[http_blog.163.com_ittfxin_126_blog_static_110674863201572513818601]: http://blog.163.com/ittfxin@126/blog/static/110674863201572513818601/