自定义键盘（一）

android的键盘各式各样，但未必能够满足我们充满创意的产品。为了让我们很好的配合产品，做个不与产品撕13的技术，在合理打造一款自定义的键盘。

先上代码吧，工具类代码如下

package com.binaryknight.customkeyboard;import android.app.Activity;import android.content.Context;import android.inputmethodservice.Keyboard;import android.inputmethodservice.KeyboardView;import android.text.Editable;import android.view.View;import android.widget.EditText;/** * Created by ${BinaryKnight} on 2017/8/31. */public class KeyboardUtil {    private Context ctx;    private Activity act;    private KeyboardView keyboardView;    private Keyboard keyboard;// 字母键盘    private boolean isShowing = false;//键盘是否显示    private EditText ed;    public KeyboardUtil(Activity act, Context ctx, EditText edit) {        this.act = act;        this.ctx = ctx;        this.ed = edit;        keyboard = new Keyboard(ctx, R.xml.keyboard);        keyboardView = (KeyboardView) act.findViewById(R.id.keyboard_view);        keyboardView.setKeyboard(keyboard);        keyboardView.setEnabled(true);        keyboardView.setPreviewEnabled(true);        keyboardView.setOnKeyboardActionListener(listener);    }    private KeyboardView.OnKeyboardActionListener listener = new KeyboardView.OnKeyboardActionListener() {        @Override        public void swipeUp() {        }        @Override        public void swipeRight() {        }        @Override        public void swipeLeft() {        }        @Override        public void swipeDown() {        }        @Override        public void onText(CharSequence text) {        }        @Override        public void onRelease(int primaryCode) {        }        @Override        public void onPress(int primaryCode) {        }        @Override        public void onKey(int primaryCode, int[] keyCodes) {            Editable editable = ed.getText();            int start = ed.getSelectionStart();            if (primaryCode == Keyboard.KEYCODE_DONE) {// 完成                hideKeyboard();            } else if (primaryCode == Keyboard.KEYCODE_DELETE) {// 回退                if (editable != null && editable.length() > 0) {                    if (start > 0) {                        editable.delete(start - 1, start);                    }                }            } else if (primaryCode == 57419) { // go left                if (start > 0) {                    ed.setSelection(start - 1);                }            } else if (primaryCode == 57421) { // go right                if (start < ed.length()) {                    ed.setSelection(start + 1);                }            } else {                editable.insert(start, Character.toString((char) primaryCode));            }        }    };    public void showKeyboard() {        int visibility = keyboardView.getVisibility();        if (visibility == View.GONE || visibility == View.INVISIBLE) {            keyboardView.setVisibility(View.VISIBLE);            isShowing = true;        }    }    public void hideKeyboard() {        int visibility = keyboardView.getVisibility();        if (visibility == View.VISIBLE) {            keyboardView.setVisibility(View.INVISIBLE);            isShowing = false;        }    }    public boolean isShowing() {        if (keyboardView.getVisibility() == View.VISIBLE) {            return true;        } else if (keyboardView.getVisibility() == View.GONE || keyboardView.getVisibility() == View.INVISIBLE) {            return false;        }        return false;    }}

以上代码不难理解，就是创建一个构造函数，传入上下文，还有该activity实体，以及KeyboardView类的监听，当然还得准备配置我们的xml键盘实体展示。接下来是如何调用了，现在在activity如何调用它呢，方法也很简单：

   第一步：我们的布局

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    android:id="@+id/rv_all"    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    app:layout_behavior="@string/appbar_scrolling_view_behavior"    tools:context="com.binaryknight.customkeyboard.MainActivity"    tools:showIn="@layout/activity_main">    <EditText        android:id="@+id/editText"        android:layout_width="match_parent"        android:layout_height="wrap_content"/>    <FrameLayout        android:layout_width="match_parent"        android:id="@+id/frame_layout"        android:layout_height="match_parent"/>    <android.inputmethodservice.KeyboardView        android:id="@+id/keyboard_view"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:background="@color/keyboard_bg"        android:focusable="true"        android:focusableInTouchMode="true"        android:keyBackground="@color/keyboard_bg"        android:keyPreviewLayout="@layout/keyboard_preview"        android:keyTextColor="@color/keyboard_text_color"        android:shadowColor="@color/keyboard_bg"        android:shadowRadius="0.0"        android:visibility="visible"/></RelativeLayout>

第二步：

package com.binaryknight.customkeyboard;import android.os.Build;import android.os.Bundle;import android.support.design.widget.FloatingActionButton;import android.support.design.widget.Snackbar;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.Toolbar;import android.util.Log;import android.view.MotionEvent;import android.view.View;import android.view.Menu;import android.view.MenuItem;import android.view.ViewGroup;import android.widget.EditText;import java.lang.reflect.Method;public class MainActivity extends AppCompatActivity {    private EditText editText;    private KeyboardUtil keyboardUtil;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);        setSupportActionBar(toolbar);        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);        fab.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)                        .setAction("Action", null).show();            }        });        initView();        editListener();    }    private void initView() {        editText = (EditText) findViewById(R.id.editText);        setupUI(findViewById(R.id.frame_layout));//判断点击外部键盘消失    }    private void editListener() {        //Android.EditText点击时,隐藏系统弹出的键盘,显示出光标  (系统版本>5.0)        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {            editText.setShowSoftInputOnFocus(false);        } else {            try {                final Method method = EditText.class.getMethod(                        "setShowSoftInputOnFocus"                        , new Class[]{boolean.class});                method.setAccessible(true);                method.invoke(editText, false);            } catch (Exception e) {                // ignore            }        }        editText.setOnTouchListener(new View.OnTouchListener() {            @Override            public boolean onTouch(View v, MotionEvent event) {                int inputback = editText.getInputType();                Log.d("inputback", "inputback" + inputback);                // editVin.setInputType(InputType.TYPE_NULL);                keyboardUtil = new KeyboardUtil(MainActivity.this, getApplicationContext(), editText);                keyboardUtil.showKeyboard();                // inputFilterSpace(editText);                editText.setInputType(inputback);                return false;            }        });    }    //手机键盘显示    public void setupUI(View view) {        //Set up touch listener for non-text box views to hide keyboard.        if (!(view instanceof EditText)) {            view.setOnTouchListener(new View.OnTouchListener() {                public boolean onTouch(View v, MotionEvent event) {                    if (isKeyboardShowing()) {                        closeKeyboard();                    }                    return false;                }            });        }        //If a layout container, iterate over children and seed recursion.        if (view instanceof ViewGroup) {            for (int i = 0; i < ((ViewGroup) view).getChildCount(); i++) {                View innerView = ((ViewGroup) view).getChildAt(i);                setupUI(innerView);            }        }    }    public boolean isKeyboardShowing() {        if (keyboardUtil != null) {            return keyboardUtil.isShowing();        }        return false;    }//键盘的收起    public void closeKeyboard() {        if (keyboardUtil != null) {            keyboardUtil.hideKeyboard();        }    }}

相信聪明的你，一定很简单的就能看懂怎么操作了，我们已经完成了一次伟大的键盘定义了，让我们看看效果图吧：

不知道是不是你喜欢符合你的自定义键盘呢，下一节我们将写一个用dialog伪装的自定义键盘吧

源码下载