在項(xiàng)目中,產(chǎn)品對(duì)于輸入方式會(huì)有特殊的要求,需要對(duì)輸入方式增加特定的限制,這就需要采用自定義鍵盤。本文主要講述數(shù)字鍵盤和字母鍵盤的自定義實(shí)現(xiàn)。
創(chuàng)新互聯(lián)自2013年創(chuàng)立以來,先為都江堰等服務(wù)建站,都江堰等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為都江堰企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
項(xiàng)目地址:https://github.com/xudjx/djkeyboard
鍵盤效果:
自定義鍵盤的實(shí)現(xiàn)步驟如下:
自定義CustomKeyboard
Android系統(tǒng)Keyboard的構(gòu)造方法如下:
/** * Creates a keyboard from the given xml key layout file. * @param context the application or service context * @param xmlLayoutResId the resource file that contains the keyboard layout and keys. */ public Keyboard(Context context, int xmlLayoutResId) { this(context, xmlLayoutResId, 0); } /** * Creates a keyboard from the given xml key layout file. Weeds out rows * that have a keyboard mode defined but don't match the specified mode. * @param context the application or service context * @param xmlLayoutResId the resource file that contains the keyboard layout and keys. * @param modeId keyboard mode identifier * @param width sets width of keyboard * @param height sets height of keyboard */ public Keyboard(Context context, @XmlRes int xmlLayoutResId, int modeId, int width, int height) { ... }
其中,參數(shù)xmlLayoutResId是必須的,另外還可以通過計(jì)算系統(tǒng)鍵盤的高度來設(shè)定自定義鍵盤的高度。
xmlLayoutRes的格式如下:
<?xml version="1.0" encoding="UTF-8"?>...
詳細(xì)的數(shù)字鍵盤和字母鍵盤xmlLayoutRes資源文件可以從以下鏈接獲?。?br />數(shù)字鍵盤xmlLayoutRes
字母鍵盤xmlLayoutRes
CustomKeyboard主要目的就是賦予xmlLayoutRes并實(shí)現(xiàn)特定按鍵的點(diǎn)擊處理,其主要重載的方法是onKey(int primaryCode, int[] keyCodes)。詳細(xì)代碼如下:
public abstract class BaseKeyboard extends Keyboard implements KeyboardView.OnKeyboardActionListener{ @Override public void onKey(int primaryCode, int[] keyCodes) { if(null != mEditText && mEditText.hasFocus() && !handleSpecialKey(primaryCode)) { Editable editable = mEditText.getText(); int start = mEditText.getSelectionStart(); int end = mEditText.getSelectionEnd(); if (end > start){ editable.delete(start,end); } if(primaryCode == KEYCODE_DELETE) { if(!TextUtils.isEmpty(editable)) { if(start > 0) { editable.delete(start-1,start); } } }else if(primaryCode == getKeyCode(R.integer.hide_keyboard)){ hideKeyboard(); }else { editable.insert(start,Character.toString((char) primaryCode)); } } } public abstract boolean handleSpecialKey(int primaryCode); }
如上所示是BaseKeyboard,數(shù)字鍵盤和字母鍵盤需要繼承它,并實(shí)現(xiàn)public abstract boolean handleSpecialKey(int primaryCode)方法。
自定義CustomKeyboardView
KeyboardView 是承載不同的keyboard并繪制keyboard, 是鍵盤布局的繪制板, 并與系統(tǒng)交互。通過繼承KeyboardView自定義CustomKeyboardView,可以對(duì)按鍵樣式實(shí)現(xiàn)自定義??疾霮eyboardView的源碼,發(fā)現(xiàn)其UI樣式都是private類型,這就需要通過反射的方式獲取特定的UI屬性,并重新進(jìn)行賦值,同時(shí)重載onDraw()方法,在onDraw()中重新繪制。
詳細(xì)代碼可以參考github源碼: BaseKeyBoardView源碼
自定義鍵盤的UI效果如下:
數(shù)字鍵盤
字母鍵盤
創(chuàng)建KeyboardManager
主要處理以下功能邏輯:
以綁定EditText為例:
public void bindToEditor(EditText editText, BaseKeyboard keyboard) { hideSystemSoftKeyboard(editText); editText.setTag(R.id.bind_keyboard_2_editor, keyboard); if (keyboard.getKeyStyle() == null) { keyboard.setKeyStyle(mDefaultKeyStyle); } editText.setOnFocusChangeListener(editorFocusChangeListener); } private final View.OnFocusChangeListener editorFocusChangeListener = new View.OnFocusChangeListener() { @Override public void onFocusChange(final View v, boolean hasFocus) { if (v instanceof EditText) { if (hasFocus) { v.postDelayed(new Runnable() { @Override public void run() { showSoftKeyboard((EditText) v); } },300); } else { hideSoftKeyboard(); } } } }; public void showSoftKeyboard(EditText editText) { mRootView.addOnLayoutChangeListener(mOnLayoutChangeListener); BaseKeyboard keyboard = getBindKeyboard(editText); if (keyboard == null) { Log.e(TAG, "edit text not bind to keyboard"); return; } keyboard.setEditText(editText); keyboard.setNextFocusView(mKeyboardWithSearchView.getEditText()); initKeyboard(keyboard); ... }
鍵盤的使用方式非常簡(jiǎn)單, 通過KeyboardManager實(shí)現(xiàn)調(diào)用
數(shù)字鍵盤:
KeyboardManager keyboardManagerNumber = new KeyboardManager(this); keyboardManagerNumber.bindToEditor(editText2, new NumberKeyboard(context,NumberKeyboard.DEFAULT_NUMBER_XML_LAYOUT));
字母鍵盤:
KeyboardManager keyboardManagerAbc = new KeyboardManager(this); keyboardManagerAbc.bindToEditor(editText1, new ABCKeyboard(context, ABCKeyboard.DEFAULT_ABC_XML_LAYOUT));
至此,自定義鍵盤的實(shí)現(xiàn)就介紹完了,文中介紹的更多還是實(shí)現(xiàn)的思路,具體實(shí)現(xiàn)可以參考github,有需要的用戶也可以直接修改項(xiàng)目的源碼。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。