Android自定義軟鍵盤

簡介

今天在掘金上看了一篇文章,實現(xiàn)自定義軟鍵盤,發(fā)現(xiàn)其實實現(xiàn)方式比較簡單,不需要改動系統(tǒng)api,只是單純的加載自己的鍵盤布局,隱藏系統(tǒng)彈出的鍵盤,實現(xiàn)數(shù)字錯位,安全輸入軟鍵盤,記錄一下實現(xiàn)過程用于總結

github地址: https://github.com/fushuangdage/CustomView

這里寫圖片描述

實現(xiàn)

<?xml version="1.0" encoding="utf-8"?>
<Keyboard
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:horizontalGap="0px"
    android:keyHeight="9%p"
    android:keyWidth="25%p"
    android:verticalGap="0px"
    >
           
    <Row>
                      
        <Key
            android:codes="49"
            android:keyLabel="1"/>
                       
        <Key
            android:codes="50"
            android:keyLabel="2"/>
                       
        <Key
            android:codes="51"
            android:keyLabel="3"/>
                       
        <Key
            android:codes="-5"
            android:isRepeatable="true"
            android:keyEdgeFlags="right"
            android:keyHeight="18%p"
            android:keyIcon="@drawable/icon_delete_32dp"/>
               
    </Row>
           
    <Row>
                       
        <Key
            android:codes="52"
            android:keyLabel="4"/>
                       
        <Key
            android:codes="53"
            android:keyLabel="5"/>
                       
        <Key
            android:codes="54"
            android:keyLabel="6"/>
                       
               
    </Row>
           
    <Row>
                       
        <Key
            android:codes="55"
            android:keyLabel="7"/>
                       
        <Key
            android:codes="56"
            android:keyLabel="8"/>
                       
        <Key
            android:codes="57"
            android:keyLabel="9"/>
                       
        <Key
            android:codes="-4"
            android:keyEdgeFlags="right"
            android:keyHeight="18%p"
            android:keyLabel="確定"
            android:keyIcon="@drawable/icon_enter_32dp"/>
               
    </Row>
           
    <Row>
                       
        <Key
            android:codes="46"
            android:keyLabel="."/>
                     
        <Key
            android:codes="48"
            android:keyLabel="0"/>
                       
        <Key
            android:codes="-3"
            android:keyIcon="@drawable/icon_hide_keyboard"/>
               
    </Row>
</Keyboard>

首先編寫關于自定義布局文件.鍵盤布局在xml定義

繼承KeyboardView 畫自己的鍵盤輸入面板,可在ondraw方法中對默認的繪制放置覆蓋繪制

package com.example.admin.customview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Typeface;
import android.graphics.drawable.Drawable;
import android.inputmethodservice.Keyboard;
import android.inputmethodservice.KeyboardView;
import android.util.AttributeSet;

import java.lang.reflect.Field;
import java.util.List;

/**
 * Created by fushuang on 2017/8/22.
 */

public class MykeyBoardView extends KeyboardView {


    private Context context;

    public MykeyBoardView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
    }

    public MykeyBoardView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context=context;
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Keyboard keyboard = getKeyboard();
        List<Keyboard.Key> keys=null;
        if (keyboard != null) {
            keys = keyboard.getKeys();
            for (Keyboard.Key key : keys) {
                if (key.codes[0]==-4) {
                   drawKeyBackground(R.drawable.bg_keyboardview_yes,canvas,key);
                    drawText(canvas,key);
                }
            }
        }
    }

    private void drawText(Canvas canvas, Keyboard.Key key) {
        Rect bounds = new Rect();
        Paint paint = new Paint();
        paint.setTextAlign(Paint.Align.CENTER);


        paint.setAntiAlias(true);

        paint.setColor(Color.WHITE);
        if (key.label != null) {
            String label = key.label.toString();

            Field field;

            if (label.length() > 1 && key.codes.length < 2) {
                int labelTextSize = 0;
                try {
                    field = KeyboardView.class.getDeclaredField("mLabelTextSize");
                    field.setAccessible(true);
                    labelTextSize = (int) field.get(this);
                } catch (NoSuchFieldException e) {
                    e.printStackTrace();
                } catch (IllegalAccessException e) {
                    e.printStackTrace();
                }
                paint.setTextSize(labelTextSize);
                paint.setTypeface(Typeface.DEFAULT_BOLD);
            } else {
                int keyTextSize = 0;
                try {
                    field = KeyboardView.class.getDeclaredField("mLabelTextSize");
                    field.setAccessible(true);
                    keyTextSize = (int) field.get(this);
                } catch (NoSuchFieldException e) {
                    e.printStackTrace();
                } catch (IllegalAccessException e) {
                    e.printStackTrace();
                }
                paint.setTextSize(keyTextSize);
                paint.setTypeface(Typeface.DEFAULT);
            }

            paint.getTextBounds(key.label.toString(), 0, key.label.toString()
                    .length(), bounds);
            canvas.drawText(key.label.toString(), key.x + (key.width / 2),
                    (key.y + key.height / 2) + bounds.height() / 2, paint);
        } else if (key.icon != null) {
            key.icon.setBounds(key.x + (key.width - key.icon.getIntrinsicWidth()) / 2, key.y + (key.height - key.icon.getIntrinsicHeight()) / 2,
                    key.x + (key.width - key.icon.getIntrinsicWidth()) / 2 + key.icon.getIntrinsicWidth(), key.y + (key.height - key.icon.getIntrinsicHeight()) / 2 + key.icon.getIntrinsicHeight());
            key.icon.draw(canvas);
        }

    }

    private void drawKeyBackground(int id, Canvas canvas, Keyboard.Key key) {
        Drawable drawable = context.getResources().getDrawable(id);
        int[] drawableState = key.getCurrentDrawableState();
        if (key.codes[0]!=0) {
            drawable.setState(drawableState);
        }
        drawable.setBounds(key.x,key.y, key.x+key.width,key.y+key.height);
        drawable.draw(canvas);
    }
}

KeyboardUtil 中主要實現(xiàn)當點輸入文本框輸入的隱藏軟鍵盤,顯示自定義鍵盤的邏輯

package com.example.admin.customview;

import android.app.Activity;
import android.content.Context;
import android.inputmethodservice.Keyboard;
import android.inputmethodservice.KeyboardView;
import android.os.Build;
import android.text.Editable;
import android.text.InputType;
import android.view.View;
import android.view.inputmethod.InputMethodManager;
import android.widget.EditText;
import android.widget.Toast;

import java.lang.reflect.Method;
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;
import java.util.Random;

/**
 * Created by fushuang on 2017/8/22.
 */

public class KeyboardUtil implements KeyboardView.OnKeyboardActionListener {

    private final MykeyBoardView mKeyBoardView;
    private  Keyboard mKeyboder;
    private EditText mEditText;
    private Activity mActivity;

    public KeyboardUtil(Activity mActivity) {
        this.mActivity = mActivity;
        mKeyboder = new Keyboard(mActivity,R.xml.keyboardnumber);
        mKeyBoardView = ((MykeyBoardView) mActivity.findViewById(R.id.keyboard_view));
    }

    public void attachTo(EditText editText){
        mEditText = editText;
        hideSystemSofeKeyboard(mActivity,editText);
        showSoftKeyBoard();
    }


    private boolean isNumber(String str) {
        String wordstr = "0123456789";
        return wordstr.contains(str);
    }

    private void showSoftKeyBoard() {
//        mKeyBoardView.setKeyboard(mKeyboder);
        List<Keyboard.Key> keys = mKeyboder.getKeys();
        List<Keyboard.Key> newkeyList = new ArrayList<Keyboard.Key>();
        for (Keyboard.Key key : keys) {
            if (key.label!=null && isNumber(key.label.toString())) {
                newkeyList.add(key);
            }
        }

        int count = newkeyList.size();
        LinkedList<KeyModel> temp=new LinkedList<KeyModel>();
        for (int i = 0; i < count; i++) {
            temp.add(new KeyModel(48 + i, i + ""));
        }

        Random random = new Random();
        for (int i = 0; i < count; i++) {
            int index = random.nextInt(count - i);
            KeyModel keyModel = temp.get(index);
            newkeyList.get(i).label=keyModel.getLable();
            newkeyList.get(i).codes[0]=keyModel.getCode();
            temp.remove(index);
        }

        mKeyBoardView.setKeyboard(mKeyboder);
        mKeyBoardView.setEnabled(true);
        mKeyBoardView.setPreviewEnabled(false);
        mKeyBoardView.setVisibility(View.VISIBLE);
        mKeyBoardView.setOnKeyboardActionListener(this);
    }


    /**
     * 隱藏系統(tǒng)鍵盤
     *
     * @param editText
     */
    public static void hideSystemSofeKeyboard(Context context, EditText editText) {
        int sdkInt = Build.VERSION.SDK_INT;
        if (sdkInt >= 11) {
            try {
                Class<EditText> cls = EditText.class;
                Method setShowSoftInputOnFocus;
                setShowSoftInputOnFocus = cls.getMethod("setShowSoftInputOnFocus", boolean.class);
                setShowSoftInputOnFocus.setAccessible(true);
                setShowSoftInputOnFocus.invoke(editText, false);

            } catch (SecurityException e) {
                e.printStackTrace();
            } catch (NoSuchMethodException e) {
                e.printStackTrace();
            } catch (Exception e) {
                e.printStackTrace();
            }
        } else {
            editText.setInputType(InputType.TYPE_NULL);
        }
        // 如果軟鍵盤已經(jīng)顯示走净,則隱藏
        InputMethodManager imm = (InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE);
        imm.hideSoftInputFromWindow(editText.getWindowToken(), 0);
    }


    @Override
    public void onPress(int primaryCode) {

    }

    @Override
    public void onRelease(int primaryCode) {

    }

    @Override
    public void onKey(int primaryCode, int[] keyCodes) {
        Editable editable = mEditText.getText();
        int start = mEditText.getSelectionStart();
        if (primaryCode == Keyboard.KEYCODE_DELETE) {// 回退
            if (editable != null && editable.length() > 0) {
                if (start > 0) {
                    editable.delete(start - 1, start);
                }
            }
        } else if (primaryCode == Keyboard.KEYCODE_CANCEL) {// 隱藏鍵盤
            hideKeyboard();
//            if (mOnCancelClick != null) {
//                mOnCancelClick.onCancellClick();
//            }
        } else if (primaryCode == Keyboard.KEYCODE_DONE) {// 隱藏鍵盤
            hideKeyboard();
//            if (mOnOkClick != null) {
//                mOnOkClick.onOkClick();
//            }
        } else {
            editable.insert(start, Character.toString((char) primaryCode));
        }
    }

    private void hideKeyboard() {
        mKeyBoardView.setVisibility(View.GONE);
    }


    @Override
    public void onText(CharSequence text) {

    }

    @Override
    public void swipeLeft() {
        Toast.makeText(mActivity, "swipeLeft", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void swipeRight() {
        Toast.makeText(mActivity, "swipeRight", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void swipeDown() {
        Toast.makeText(mActivity, "swipeDown", Toast.LENGTH_SHORT).show();

    }

    @Override
    public void swipeUp() {
        Toast.makeText(mActivity, "swipeUp", Toast.LENGTH_SHORT).show();

    }
}

只是照著網(wǎng)上代碼自己實現(xiàn)了一遍,感覺只是有些方法不太常用.其余的跟自定義控件沒啥區(qū)別

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末革为,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子琢蛤,更是在濱河造成了極大的恐慌抛虏,老刑警劉巖博其,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件慕淡,死亡現(xiàn)場離奇詭異沸毁,居然都是意外死亡,警方通過查閱死者的電腦和手機息尺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門搂誉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人炭懊,你說我怎么就攤上這事〕氨蹋” “怎么了凯旋?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵钉迷,是天一觀的道長。 經(jīng)常有香客問我荒椭,道長舰蟆,這世上最難降的妖魔是什么狸棍? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任味悄,我火速辦了婚禮,結果婚禮上侍瑟,老公的妹妹穿的比我還像新娘。我一直安慰自己费韭,他們只是感情好庭瑰,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著督暂,像睡著了一般鲤屡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酒来,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天堰汉,我揣著相機與錄音,去河邊找鬼翘鸭。 笑死,一個胖子當著我的面吹牛就乓,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播噩翠,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼邦投,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了屯援?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤弯淘,失蹤者是張志新(化名)和其女友劉穎徘铝,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惕它,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年郁惜,在試婚紗的時候發(fā)現(xiàn)自己被綠了甲锡。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡虎韵,死狀恐怖缸废,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情测萎,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布硅瞧,位于F島的核電站恕汇,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏瘾英。R本人自食惡果不足惜枣接,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一月腋、第九天 我趴在偏房一處隱蔽的房頂上張望瓣赂。 院中可真熱鬧,春花似錦煌集、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至栗弟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間乍赫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工惋增, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留改鲫,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓纫塌,卻偏偏與公主長得像讲弄,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子避除,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容