最終效果：

實現這個自定義鍵盤的思路很簡單：
1. 要寫出一個數字鍵盤的佈局；
2. 與 Edittext 結合使用，對每個按鍵的點選事件進行處理；
3. 禁用系統軟鍵盤。

有了思路，實現起來就不難了。

1. 實現鍵盤的 xml 佈局

網格樣式的佈局用 GridView 或者 RecyclerView 都可以實現，其實用 GridView 更方便一些，不過我為了多熟悉 RecyclerView 的用法，這裡選擇用了 RecyclerView。

<?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="wrap_content"
              android:orientation="vertical">

    <View
        android:layout_width="match_parent"
        android:layout_height="2px"
        android:background
 
="@color/btn_gray"/>

    <RelativeLayout
        android:id="@+id/rl_back"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/iv_back_bg"
        android:padding="10dp">

        <ImageView
            android:layout_width
 
="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:src="@mipmap/keyboard_back"/>
    </RelativeLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/btn_gray"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/keyboard_bg"
        android:overScrollMode="never"></android.support.v7.widget.RecyclerView>

</LinearLayout>

RecyclerView 用來實現鍵盤佈局，上面的 RelativeLayout 則是為了實現收起鍵盤的點選事件。

2. 在程式碼中實現鍵盤佈局，填充資料、增加點選事件

我們新建類 KeyboardView 繼承自 RelativeLayout，關聯上面的佈局檔案，然後做一些初始化操作：對 RecyclerView 填充資料、設定介面卡，設定出現和消失的動畫效果，寫一些會用到的方法等。

public class KeyboardView extends RelativeLayout {

    private RelativeLayout rlBack;
    private RecyclerView recyclerView;
    private List<String> datas;
    private KeyboardAdapter adapter;
    private Animation animationIn;
    private Animation animationOut;


    public KeyboardView(Context context) {
        this(context, null);
    }

    public KeyboardView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public KeyboardView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs, defStyleAttr);
    }

    private void init(Context context, AttributeSet attrs, int defStyleAttr) {
        LayoutInflater.from(context).inflate(R.layout.layout_key_board, this);
        rlBack = findViewById(R.id.rl_back);
        rlBack.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View view) { // 點選關閉鍵盤
                dismiss();
            }
        });
        recyclerView = findViewById(R.id.recycler_view);

        initData();
        initView();
        initAnimation();
    }

    // 填充資料
    private void initData() {
        datas = new ArrayList<>();
        for (int i = 0; i < 12; i++) {
            if (i < 9) {
                datas.add(String.valueOf(i + 1));
            } else if (i == 9) {
                datas.add(".");
            } else if (i == 10) {
                datas.add("0");
            } else {
                datas.add("");
            }
        }
    }

    // 設定介面卡
    private void initView() {
        recyclerView.setLayoutManager(new GridLayoutManager(getContext(), 3));
        adapter = new KeyboardAdapter(getContext(), datas);
        recyclerView.setAdapter(adapter);
    }

    // 初始化動畫效果
    private void initAnimation() {
        animationIn = AnimationUtils.loadAnimation(getContext(), R.anim.keyboard_in);
        animationOut = AnimationUtils.loadAnimation(getContext(), R.anim.keyboard_out);
    }

    // 彈出軟鍵盤
    public void show() {
        startAnimation(animationIn);
        setVisibility(VISIBLE);
    }

    // 關閉軟鍵盤
    public void dismiss() {
        if (isVisible()) {
            startAnimation(animationOut);
            setVisibility(GONE);
        }
    }

    // 判斷軟鍵盤的狀態
    public boolean isVisible() {
        if (getVisibility() == VISIBLE) {
            return true;
        }
        return false;
    }

    public void setOnKeyBoardClickListener(KeyboardAdapter.OnKeyboardClickListener listener) {
        adapter.setOnKeyboardClickListener(listener);
    }

    public List<String> getDatas() {
        return datas;
    }

    public RelativeLayout getRlBack() {
        return rlBack;
    }
}

Adapter 裡面都是很簡單的程式碼，這裡就不貼出了，文章末尾我會給出原始碼下載地址。

到這裡為止，自定義數字鍵盤基本就算寫好了，不過最重要的還是要和 Edittext 結合使用。

3. 與 Edittext 結合使用

1. 禁用系統軟鍵盤

if (Build.VERSION.SDK_INT <= 10) {
     etInput.setInputType(InputType.TYPE_NULL);
} else {
     getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);
     try {
         Class<EditText> cls = EditText.class;
         Method setShowSoftInputOnFocus = cls.getMethod("setShowSoftInputOnFocus", boolean.class);
         setShowSoftInputOnFocus.setAccessible(true);
         setShowSoftInputOnFocus.invoke(etInput, false);
     } catch (Exception e) {
         e.printStackTrace();
     }
}

在網上找了一些方法，但是點選 Edittext 的時候系統軟鍵盤依然會彈出。最後找到了這個方法，利用反射強制不彈出軟鍵盤，效果不錯。

2. 處理各個按鍵的點選事件

    @Override
    public void onKeyClick(View view, RecyclerView.ViewHolder holder, int position) {
        switch (position) {
            case 9: // 按下小數點
                String num = etInput.getText().toString().trim();
                if (!num.contains(datas.get(position))) {
                    num += datas.get(position);
                    etInput.setText(num);
                    etInput.setSelection(etInput.getText().length());
                }
                break;
            default: // 按下數字鍵
                if ("0".equals(etInput.getText().toString().trim())) { // 第一個數字按下0的話，第二個數字只能按小數點
                    break;
                }
                etInput.setText(etInput.getText().toString().trim() + datas.get(position));
                etInput.setSelection(etInput.getText().length());
                break;
        }
    }

    @Override
    public void onDeleteClick(View view, RecyclerView.ViewHolder holder, int position) {
        // 點選刪除按鈕
        String num = etInput.getText().toString().trim();
        if (num.length() > 0) {
            etInput.setText(num.substring(0, num.length() - 1));
            etInput.setSelection(etInput.getText().length());
        }
    }

邏輯也非常簡單，看程式碼就明白了。最終的效果就是第一張圖的樣子。

這個鍵盤很簡單，打算之後寫一個模仿微信或者支付寶的支付密碼輸入佈局。