Android 自定義數字虛擬鍵盤

大概兩年沒寫文章了，有些生疏，不知如何動筆，很早以前有過轉行的想法，想過考公務員，所以重心不在程序上。近期通過內推的形式入職了一家大公司（社保公積金繳全額，雙休，帶薪十三天年假，少加班），這麼好的福利加上這幾年的顛沛流離讓我有了穩定下來的想法，大概以後就專心寫代碼了吧。打工嘛，無非是多賺點錢，生活過得更好是吧，於是有了這篇分享，下面開始搬磚。

第一步：寫佈局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:mtv="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="?attr/com_etnet_keyboard_bg"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="3"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginTop="1dp"
            android:layout_weight="1" >

            <Button
                android:id="@+id/keyboard_1"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="1"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_2"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="2"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_3"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="3"
                android:textColor="?attr/com_etnet_keypad_text" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginTop="1dp"
            android:layout_weight="1" >

            <Button
                android:id="@+id/keyboard_4"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="4"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_5"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="5"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_6"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="6"
                android:textColor="?attr/com_etnet_keypad_text" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginTop="1dp"
            android:layout_weight="1" >

            <Button
                android:id="@+id/keyboard_7"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="7"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_8"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_marginLeft="1dp"
                android:layout_marginRight="1dp"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="8"
                android:textColor="?attr/com_etnet_keypad_text" />

            <Button
                android:id="@+id/keyboard_9"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="9"
                android:textColor="?attr/com_etnet_keypad_text" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_marginBottom="1dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginTop="1dp"
            android:layout_weight="1" >
            <LinearLayout
                android:layout_width="0dp"
                android:layout_weight="2"
                android:layout_height="match_parent"
                android:layout_marginRight="1dp">
                <Button
                    android:id="@+id/keyboard_negative"
                    style="@style/com_etnet_keyboard_numbers"
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                    android:layout_weight="1"
                    android:layout_marginRight="1dp"
                    android:visibility="gone"
                    android:text="-"
                    />
                <Button
                    android:id="@+id/keyboard_0"
                    style="@style/com_etnet_keyboard_numbers"
                    android:layout_width="0dp"
                    android:layout_height="fill_parent"
                    android:layout_weight="1"
                    android:minHeight="50dp"
                    android:text="0"
                    android:textColor="?attr/com_etnet_keypad_text" />
            </LinearLayout>
            <Button
                android:id="@+id/keyboard_00"
                style="@style/com_etnet_keyboard_numbers"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:minHeight="50dp"
                android:text="00"
                android:textColor="?attr/com_etnet_keypad_text" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:layout_marginTop="1dp"
        android:layout_marginRight="1dp"
        android:layout_marginBottom="1dp"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/keyboard_back"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="?attr/com_etnet_keyboard_num_selector"
            android:gravity="center"
            android:minHeight="50dp" >

            <ImageView
                android:id="@+id/keyboard_back_iv"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:scaleType="fitCenter"
                android:src="?attr/com_etnet_keyboard_back" />
        </LinearLayout>

        <Button
            android:id="@+id/keyboard_search"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_marginTop="1dp"
            android:layout_weight="1"
            android:background="#FF007AFF"
            android:minHeight="50dp"
            android:text="@string/com_etnet_keyboard_search"
            android:textColor="@color/com_etnet_white" />
    </LinearLayout>

</LinearLayout>

第二步：相關樣式資源

<style name="com_etnet_keyboard_numbers">
        <item name="android:textSize">20sp</item>
        <item name="android:gravity">center</item>
        <item name="android:background">?attr/com_etnet_keyboard_num_selector</item>
        <item name="android:textStyle">bold</item>
    </style>

<item name="com_etnet_keyboard_num_selector">@drawable/com_etnet_keyboard_num_selector</item>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" ><color android:color="#DEE2E2"/></item>
	<item ><color android:color="#F2F2F2"/></item>
</selector>

第三步：自定義View

public class ForexComparisonKeyboard extends PopupWindow {

    private View view;
    Button keyboard_btn1, keyboard_btn2, keyboard_btn3, keyboard_btn4,
            keyboard_btn5, keyboard_btn6, keyboard_btn7, keyboard_btn8,
            keyboard_btn9, keyboard_btn0, keyboard_btn_search, keyboard_btn00;

    LinearLayout keyboard_btn_back, porfolio_ll, keypad;
    public EditText focusEdit;

    private onTextChangeListener textChangeListener;

    public interface onTextChangeListener {
        void changeText(String text);
    }

    private onCloseListener closelistener;

    public interface onCloseListener {
        void close();
    }


    public void setOnTextEditListener(onTextChangeListener listener
    ) {
        this.textChangeListener = listener;
    }


    @SuppressLint("WrongViewCast")
    public ForexComparisonKeyboard(RefreshContentFragment f, EditText fEdit, onCloseListener listener) {
        focusEdit = fEdit;
        closelistener = listener;
        view = LayoutInflater.from(CommonUtils.curActivity).inflate(
                R.layout.com_etnet_porfolio_keyboard, null);
        setContentView(view);
        disableShowInput(fEdit);
        this.setWidth(LayoutParams.MATCH_PARENT);
        this.setHeight(LayoutParams.WRAP_CONTENT);
        porfolio_ll = (LinearLayout) view.findViewById(R.id.add2por);
        keypad = (LinearLayout) view.findViewById(R.id.keypad);
        keypad.getLayoutParams().height = CommonUtils.screenHeight / 3;
        keyboard_btn1 = (Button) view.findViewById(R.id.keyboard_1);
        keyboard_btn2 = (Button) view.findViewById(R.id.keyboard_2);
        keyboard_btn3 = (Button) view.findViewById(R.id.keyboard_3);
        keyboard_btn4 = (Button) view.findViewById(R.id.keyboard_4);
        keyboard_btn5 = (Button) view.findViewById(R.id.keyboard_5);
        keyboard_btn6 = (Button) view.findViewById(R.id.keyboard_6);
        keyboard_btn7 = (Button) view.findViewById(R.id.keyboard_7);
        keyboard_btn8 = (Button) view.findViewById(R.id.keyboard_8);
        keyboard_btn9 = (Button) view.findViewById(R.id.keyboard_9);
        keyboard_btn0 = (Button) view.findViewById(R.id.keyboard_0);
        keyboard_btn00 = (Button) view.findViewById(R.id.keyboard_00);
        CommonUtils.setTextSize(keyboard_btn1, 18);
        CommonUtils.setTextSize(keyboard_btn2, 18);
        CommonUtils.setTextSize(keyboard_btn3, 18);
        CommonUtils.setTextSize(keyboard_btn4, 18);
        CommonUtils.setTextSize(keyboard_btn5, 18);
        CommonUtils.setTextSize(keyboard_btn6, 18);
        CommonUtils.setTextSize(keyboard_btn7, 18);
        CommonUtils.setTextSize(keyboard_btn8, 18);
        CommonUtils.setTextSize(keyboard_btn9, 18);
        CommonUtils.setTextSize(keyboard_btn0, 18);
        CommonUtils.setTextSize(keyboard_btn00, 18);
        keyboard_btn00.setText(".");
        keyboard_btn_back = (LinearLayout) view
                .findViewById(R.id.keyboard_back);
        keyboard_btn_search = (Button) view.findViewById(R.id.keyboard_search);
        CommonUtils.setTextSize(keyboard_btn_search, 20);
        Button[] numbtn = {keyboard_btn0, keyboard_btn1, keyboard_btn2,
                keyboard_btn3, keyboard_btn4, keyboard_btn5, keyboard_btn6,
                keyboard_btn7, keyboard_btn8, keyboard_btn9};
        for (int i = 0; i < numbtn.length; i++) {
            final int j = i;
            numbtn[i].setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (focusEdit != null) {
                        focusEdit.append(String.valueOf(j));
                        if (!focusEdit.hasFocus()) {
                            focusEdit.requestFocus();
                        }
                    }
                }
            });
        }
        keyboard_btn00.setOnClickListener(onclick);
        keyboard_btn_back.setOnClickListener(onclick);
        keyboard_btn_search.setOnClickListener(onclick);

        keyboard_btn_search.setText(CommonUtils
                .getString(R.string.com_etnet_keyboard_search));
        porfolio_ll.setVisibility(View.GONE);
    }


    OnClickListener onclick = new OnClickListener() {

        @Override
        public void onClick(View v) {
            int id = v.getId();
            if (id == R.id.keyboard_search) {//搜索
                if (textChangeListener != null) {
                    textChangeListener.changeText(focusEdit.getText().toString());
                }
            } else if (id == R.id.keyboard_back) {//退格按鈕
                if (focusEdit == null) return;
                int st = focusEdit.getSelectionStart();
                int end = focusEdit.getSelectionEnd();
                if (st == end) {
                    if (st > 0) {
                        focusEdit.getText().delete(st - 1, end);
                    }
                } else {
                    focusEdit.getText().delete(st, end);
                }
            } else if (id == R.id.keyboard_00) {//小數點
                String tag = keyboard_btn00.getText().toString();
                if (tag.equals(".")) {
                    String str = focusEdit.getText().toString();
                    if (!str.contains(".")) {
                        if (focusEdit != null) {
                            focusEdit.append(tag);
                            if (!focusEdit.hasFocus()) {
                                focusEdit.requestFocus();
                            }
                        }
                    }
                }
            }
        }
    };

    /**
     * 禁掉系統鍵盤，但要顯示光標
     *
     * @param editText
     */
    public void disableShowInput(EditText editText) {
        if (android.os.Build.VERSION.SDK_INT <= 10) {
            editText.setInputType(InputType.TYPE_NULL);
        } else {
            Class<EditText> cls = EditText.class;
            Method method;
            try {
                method = cls.getMethod("setShowSoftInputOnFocus", boolean.class);
                method.setAccessible(true);
                method.invoke(editText, false);
            } catch (Exception e) {//TODO: handle exception
            }
            try {
                method = cls.getMethod("setSoftInputShownOnFocus", boolean.class);
                method.setAccessible(true);
                method.invoke(editText, false);
            } catch (Exception e) {//TODO: handle exception
            }
        }
        editText.setTextIsSelectable(false);//禁止複製粘貼等操作
        editText.setLongClickable(false);
    }

    public void show(View parent) {
        showAtLocation(parent, Gravity.BOTTOM, 0, 0);
    }
}

第四步：代碼中調用

	//初始化，input是你要操作的EditText
	mKeyboard = new ForexComparisonKeyboard(this, input, new ForexComparisonKeyboard.onCloseListener() {
            @Override
            public void close() {
                showEditMode();
            }
        });
        //獲取焦點，解決EditText第一次點擊無響應
        mKeyboard.focusEdit.requestFocus();
        // 設置PopupWindow點擊外部消失
        mKeyboard.setOutsideTouchable(true);
        mKeyboard.setTouchable(true);
        mKeyboard.setOnTextEditListener(new ForexComparisonKeyboard.onTextChangeListener() {
            @Override
            public void changeText(String text) {
                Log.e("changeText==",text);
                showEditMode();
            }
        });
	//關閉對話框
	private void showEditMode() {
        if (mKeyboard.isShowing()) {
            mKeyboard.dismiss();
        }
    }
    //響應back事件
 	@Override
    public boolean onBackPressed() {
        if (mKeyboard != null & mKeyboard.isShowing()) {
            mKeyboard.dismiss();
        }
        return true;
    }
    //調用
    mKeyboard.show(getView());
    

效果圖：