Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android自定義鍵盤之漢字鍵盤

Android自定義鍵盤之漢字鍵盤

編輯:Android開發實例

  一、軟鍵盤介紹

  實現軟鍵盤主要用到了系統的兩個類:Keyboard和KeyboardView。

  Keyboard類源碼的介紹是: Listener for virtual keyboard events.即用於監聽虛擬鍵盤。

  KeyboardView類源碼的介紹是: A view that renders a virtual {@link Keyboard}. It handles rendering of keys and detecting key presses and touch movements.即它處理繪制鍵盤和檢測按鍵和觸摸動作。

  它裡面有很多方法,在我們自定義的軟鍵盤很多屬性,就需要我們用這個類來設置。比如:

Java代碼
  1. keyboardView = (KeyboardView) act.findViewById(R.id.keyboard_view);    
  2. keyboardView.setKeyboard(k);    
  3. keyboardView.setEnabled(true);    
  4. keyboardView.setPreviewEnabled(true);  
  5. keyboardView.setVisibility(View.VISIBLE);  
  6. keyboardView.setOnKeyboardActionListener(listener);  

  了解一些源碼,就可以是我們知道我們為什麼要這樣寫,為什麼要這樣做了!

  二、數字軟鍵盤的布局

  首先在res下新建xml文件夾,在xml文件夾中新建symbols.xml文件,這個布局文件主要是實現數字軟鍵盤的布局,每一個按鍵都有一個codes值,在類中就是通過codes值來監聽每一個按鈕。

XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <Keyboard xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:keyWidth="20%p" android:horizontalGap="0px"  
  4.     android:verticalGap="0px" android:keyHeight="@dimen/key_height">  
  5.   
  6.     <Row>  
  7.         <Key android:codes="49" android:keyLabel="1" />  
  8.         <Key android:codes="50" android:keyLabel="2" />  
  9.         <Key android:codes="51" android:keyLabel="3" />  
  10.         <Key android:codes="52" android:keyLabel="4" />  
  11.         <Key android:codes="-5" android:keyIcon="@drawable/sym_keyboard_delete" />  
  12.     </Row>  
  13.   
  14.     <Row>         
  15.         <Key android:codes="53" android:keyLabel="5" />  
  16.         <Key android:codes="54" android:keyLabel="6" />  
  17.         <Key android:codes="55" android:keyLabel="7" />  
  18.         <Key android:codes="56" android:keyLabel="8" />  
  19.         <Key android:codes="-2" android:keyLabel="中文" />  
  20.     </Row>  
  21.   
  22.     <Row>         
  23.         <Key android:codes="57" android:keyLabel="9" />  
  24.         <Key android:codes="48" android:keyLabel="0" />  
  25.         <Key android:codes="46" android:keyLabel="." />  
  26.         <Key android:codes="-3" android:keyWidth="40%p"  
  27.             android:isRepeatable="true" android:keyLabel="完成" />  
  28.     </Row>  
  29.   
  30. </Keyboard>  

  數字鍵盤界面如下:

Android自定義鍵盤之漢字鍵盤

  在上面的鍵盤定義中,通過Keyboard說明是一個軟鍵盤定義文件,Row元素說明這是一行按鍵的定義,Key元素說明這是一個按鍵的定義。Key元素通過一些屬性來定義每個按鍵,下面是一些常用的屬性介紹:

  Codes:代表按鍵對應的輸出值,可以為unicode值或者逗號(,)分割的多個值,也可以為一個字符串。在字符串中通過“\”來轉義特殊字符,例如 ‘\n’ 或則 ‘\uxxxx’ 。Codes通常用來定義該鍵的鍵碼,例如上圖中的數字按鍵1對應的為49;如果提供的是逗號分割的多個值則和普通手機輸入鍵盤一樣在多個值之間切換。

  keyLabel:代表按鍵顯示的文本內容。

  keyIcon:代表按鍵顯示的圖標內容,如果指定了該值則在顯示的時候顯示為圖片不顯示文本。

  keyWidth:代表按鍵的寬度,可以為精確值或則相對值,對於精確值支持多種單位,例如:像素,英寸 等;相對值為相對於基礎取值的百分比,為以% 或%p 結尾,其中%p表示相對於父容器。

  keyHeight:代表按鍵的高度,取值同上。

  horizontalGap:代表按鍵前的間隙(水平方向),取值同上。

  isSticky:指定按鍵是否為sticky的。例如Shift大小寫切換按鍵,具有兩種狀態,按下狀態和正常狀態,取值為true或者false。

  isModifier:指定按鍵是否為功能鍵( modifier key ) ,例如 Alt 或者 Shift ,取值為true或false。

  keyOutputText:指定按鍵輸出的文本內容,取值為字符串。

  isRepeatable:指定按鍵是否是可重復的,如果長按該鍵可以觸發重復按鍵事件則為true,否則為false。

  keyEdgeFlags:指定按鍵的對齊指令,取值為left或right。

  我們在設置每一個按鍵的code時,就是根據keyboard類中定義的一些屬性,比如回退,切換,完成等都是固定的。

Java代碼
  1. public static final int KEYCODE_SHIFT = -1;    
  2. public static final int KEYCODE_MODE_CHANGE = -2;    
  3. public static final int KEYCODE_CANCEL = -3;    
  4. public static final int KEYCODE_DONE = -4;    
  5. public static final int KEYCODE_DELETE = -5;    
  6. public static final int KEYCODE_ALT = -6;  

  知道了這些,我們就不會有太多的疑惑了!也是說,我們自定義的每一個按鍵都將會有一個codes值,比如回退我們就寫成:

XML/HTML代碼
  1. <Key android:codes="-5" android:keyIcon="@drawable/sym_keyboard_delete" />  

  在監聽處就是:

Java代碼
  1. if (primaryCode == Keyboard.KEYCODE_DELETE){}  

  這就表示,監聽回退事件了!

  三、中文軟鍵盤的布局

  然後在xml文件夾中新建chinese.xml文件,這個布局文件主要是實現中文軟鍵盤的布局,每一個按鍵都有一個codes值,這個codes就是一個漢字在utf16標准中的編碼值。

  查找漢字的編碼,有兩種方法:

  1,直接查找utf16表,可以參考:http://blog.csdn.net/lintax/article/details/51866861

  如果漢字個數比較多,需要將漢字與編碼值一個個准確對應的鍵入xml中,也是一個挺費神的事情。

  2,使用程序員的辦法,用代碼來幫我們實現:

Java代碼
  1. //get the codes for xml  
  2. char c;  
  3. int i;  
  4. String[] strings = { "一",  "二", "三", "四", "五", "六", "年", "級", "班", "."};  
  5. for(String str : strings){  
  6.     c=str.toCharArray()[0];  
  7.     i=c;  
  8.     //xml中格式:<Key android:codes="19968" android:keyLabel="一" />  
  9.     Log.i("key","<Key android:codes=\""+i+"\" android:keyLabel=\""+c+"\" />");  
  10. }  

  這樣,就按照xml中的格式,寫好了漢字與編碼值的關聯語句。

  剩下還有一個小問題:在logcat的輸出中,還有其他的信息,如時間、log等級等,如下:

XML/HTML代碼
  1. 07-16 18:20:12.220: I/key(5200): <Key android:codes="29677" android:keyLabel="班" />  

  我們可以將logcat信息保存到文本文件中,使用一個文本編輯器將前面的不想要的信息(此處是“07-16 18:20:12.220: I/key(5200): ”)全部替換為8個空格即可。

  為何是8個空格?是為了xml中的格式對齊。

  最終,xml中文件內容如下:

XML/HTML代碼
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <Keyboard android:keyWidth="25.000002%p" android:keyHeight="@dimen/key_height"  
  3.     android:horizontalGap="0.0px" android:verticalGap="0.0px"  
  4.     xmlns:android="http://schemas.android.com/apk/res/android">  
  5.   
  6.     <Row>  
  7.         <Key android:codes="19968" android:keyLabel="一" />  
  8.         <Key android:codes="20108" android:keyLabel="二" />  
  9.         <Key android:codes="19977" android:keyLabel="三" />  
  10.         <Key android:codes="-5" android:isRepeatable="true"  
  11.             android:keyIcon="@drawable/sym_keyboard_delete" />  
  12.     </Row>  
  13.   
  14.     <Row>  
  15.         <Key android:codes="22235" android:keyLabel="四" />  
  16.         <Key android:codes="20116" android:keyLabel="五" />  
  17.         <Key android:codes="20845" android:keyLabel="六" />  
  18.         <Key android:codes="-2" android:keyLabel="數字" />  
  19.     </Row>  
  20.   
  21.     <Row>  
  22.         <Key android:codes="24180" android:keyLabel="年" />  
  23.         <Key android:codes="32423" android:keyLabel="級" />  
  24.         <Key android:codes="29677" android:keyLabel="班" />  
  25.         <Key android:keyWidth="25.000004%p" android:codes="-3"  
  26.             android:keyEdgeFlags="right" android:keyLabel="完成" />     
  27.     </Row>  
  28.   
  29. </Keyboard>  

  中文鍵盤最終畫面如下:

Android自定義鍵盤之漢字鍵盤

  四、鍵盤事件處理

  然後創建一個類,用於處理軟鍵盤事件,文件名為KeyboardUtil.Java,內容如下:

Java代碼
  1. package cn.key;  
  2.   
  3. import java.util.List;  
  4.   
  5. import android.app.Activity;  
  6. import android.content.Context;  
  7. import android.inputmethodservice.Keyboard;  
  8. import android.inputmethodservice.KeyboardView;  
  9. import android.inputmethodservice.Keyboard.Key;  
  10. import android.inputmethodservice.KeyboardView.OnKeyboardActionListener;  
  11. import android.text.Editable;  
  12. import android.view.View;  
  13. import android.widget.EditText;  
  14.   
  15. public class KeyboardUtil {  
  16.     private Context ctx;  
  17.     private Activity act;  
  18.     private KeyboardView keyboardView;  
  19.     private Keyboard k1;// 中文鍵盤  
  20.     private Keyboard k2;// 數字鍵盤  
  21.     public boolean isNumber = false;// 是否數字鍵盤  
  22.     public boolean isUpper = false;// 是否大寫  
  23.   
  24.     private EditText ed;  
  25.   
  26.     public KeyboardUtil(Activity act, Context ctx, EditText edit) {  
  27.         this.act = act;  
  28.         this.ctx = ctx;  
  29.         this.ed = edit;  
  30.         k1 = new Keyboard(ctx, R.xml.chinese);  
  31.         k2 = new Keyboard(ctx, R.xml.symbols);  
  32.         keyboardView = (KeyboardView) act.findViewById(R.id.keyboard_view);  
  33.         keyboardView.setKeyboard(k1);  
  34.         keyboardView.setEnabled(true);  
  35.         keyboardView.setPreviewEnabled(true);  
  36.         keyboardView.setOnKeyboardActionListener(listener);  
  37.     }  
  38.   
  39.     private OnKeyboardActionListener listener = new OnKeyboardActionListener() {  
  40.         @Override  
  41.         public void swipeUp() {  
  42. //          super.swipeUp();  
  43.   
  44.         }  
  45.   
  46.         @Override  
  47.         public void swipeRight() {  
  48.         }  
  49.   
  50.         @Override  
  51.         public void swipeLeft() {  
  52.         }  
  53.   
  54.         @Override  
  55.         public void swipeDown() {  
  56.         }  
  57.   
  58.         @Override  
  59.         public void onText(CharSequence text) {  
  60. //          super.onText(text);  
  61.         }  
  62.   
  63.         @Override  
  64.         public void onRelease(int primaryCode) {  
  65.         }  
  66.   
  67.         @Override  
  68.         public void onPress(int primaryCode) {  
  69.         }  
  70.   
  71.         @Override  
  72.         public void onKey(int primaryCode, int[] keyCodes) {  
  73.             Editable editable = ed.getText();  
  74.             int start = ed.getSelectionStart();  
  75.             if (primaryCode == Keyboard.KEYCODE_CANCEL) {//完成  
  76.                 hideKeyboard();  
  77.             } else if (primaryCode == Keyboard.KEYCODE_DELETE) {//回退  
  78.                 if (editable != null && editable.length() > 0) {  
  79.                     if (start > 0) {  
  80.                         editable.delete(start - 1, start);  
  81.                     }  
  82.                 }  
  83.             } else if (primaryCode == Keyboard.KEYCODE_SHIFT) {//大小寫切換  
  84.   
  85.   
  86.     changeKey();  
  87.                 keyboardView.setKeyboard(k1);  
  88.   
  89.             } else if (primaryCode == Keyboard.KEYCODE_MODE_CHANGE) {//數字鍵盤切換  
  90.                 if (isNumber) {  
  91.                     isNumber = false;  
  92.                     keyboardView.setKeyboard(k1);  
  93.                 } else {  
  94.                     isNumber = true;  
  95.                     keyboardView.setKeyboard(k2);  
  96.                 }  
  97.             } else if (primaryCode == 57419) { // go left  
  98.                 if (start > 0) {  
  99.                     ed.setSelection(start - 1);  
  100.                 }  
  101.             } else if (primaryCode == 57421) { // go right  
  102.                 if (start < ed.length()) {  
  103.                     ed.setSelection(start + 1);  
  104.                 }  
  105.             } else {  
  106.                 editable.insert(start, Character.toString((char) primaryCode));  
  107.             }  
  108.         }  
  109.     };  
  110.   
  111.     /** 
  112.      * 鍵盤大小寫切換 
  113.      */  
  114.     private void changeKey() {  
  115.         List<Key> keylist = k1.getKeys();  
  116.         if (isUpper) {//大寫切換小寫  
  117.             isUpper = false;  
  118.             for(Key key:keylist){  
  119.                 if (key.label!=null && isword(key.label.toString())) {  
  120.                     key.label = key.label.toString().toLowerCase();  
  121.                     key.codes[0] = key.codes[0]+32;  
  122.                 }  
  123.             }  
  124.         } else {//小寫切換大寫  
  125.             isUpper = true;  
  126.             for(Key key:keylist){  
  127.                 if (key.label!=null && isword(key.label.toString())) {  
  128.                     key.label = key.label.toString().toUpperCase();  
  129.                     key.codes[0] = key.codes[0]-32;  
  130.                 }  
  131.             }  
  132.         }  
  133.     }  
  134.   
  135.     public void showKeyboard() {  
  136.         int visibility = keyboardView.getVisibility();  
  137.         if (visibility == View.GONE || visibility == View.INVISIBLE) {  
  138.             keyboardView.setVisibility(View.VISIBLE);  
  139.         }  
  140.     }  
  141.   
  142.     public void hideKeyboard() {  
  143.         int visibility = keyboardView.getVisibility();  
  144.         if (visibility == View.VISIBLE) {  
  145.             keyboardView.setVisibility(View.INVISIBLE);  
  146.         }  
  147.     }  
  148.   
  149.     private boolean isword(String str){  
  150.         String wordstr = "abcdefghijklmnopqrstuvwxyz";  
  151.         if (wordstr.indexOf(str.toLowerCase())>-1) {  
  152.             return true;  
  153.         }  
  154.         return false;  
  155.     }  
  156.   
  157.     public void showChinese() {  
  158.         showKeyboard();       
  159.         isNumber = false;  
  160.         keyboardView.setKeyboard(k1);         
  161.     }  
  162.   
  163.     public void showNumber() {  
  164.         showKeyboard();  
  165.         isNumber = true;  
  166.         keyboardView.setKeyboard(k2);                 
  167.     }  
  168.   
  169. }  

  五、主界面布局

  接下來就是實現activity的視圖布局文件了,文件名為main.xml,內容如下:

XML/HTML代碼
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <LinearLayout  
  8.         android:id="@+id/ll_hint"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:orientation="horizontal" >  
  12.   
  13.         <TextView  
  14.             android:id="@+id/tv_class"  
  15.             android:layout_width="wrap_content"  
  16.             android:layout_height="wrap_content"  
  17.             android:layout_weight="1"  
  18.             android:layout_marginLeft="10dp"              
  19.             android:text="班級"              
  20.             android:textSize="20dip" />  
  21.   
  22.         <TextView  
  23.             android:id="@+id/tv_scrore"  
  24.             android:layout_width="0dp"  
  25.             android:layout_height="wrap_content"  
  26.             android:layout_weight="1"  
  27.             android:layout_marginRight="20dp"  
  28.             android:text="得分"  
  29.             android:textSize="20dip" />  
  30.     </LinearLayout>  
  31.   
  32.     <LinearLayout  
  33.         android:id="@+id/ll_content"  
  34.         android:layout_width="fill_parent"  
  35.         android:layout_height="wrap_content"  
  36.         android:layout_below="@id/ll_hint"  
  37.         android:layout_marginTop="10dp"  
  38.         android:orientation="horizontal" >  
  39.   
  40.         <EditText  
  41.             android:id="@+id/edit_class"  
  42.             android:layout_width="0dp"  
  43.             android:layout_height="wrap_content"  
  44.             android:layout_weight="1"  
  45.             android:hint="請輸入班級" />  
  46.   
  47.         <EditText  
  48.             android:id="@+id/edit_score"  
  49.             android:layout_width="0dp"  
  50.             android:layout_height="wrap_content"  
  51.             android:layout_weight="1"  
  52.             android:hint="請輸入分數" />  
  53.     </LinearLayout>  
  54.   
  55.   
  56.     <RelativeLayout  
  57.         android:layout_width="fill_parent"  
  58.         android:layout_height="wrap_content" >  
  59.   
  60.         <android.inputmethodservice.KeyboardView  
  61.             android:id="@+id/keyboard_view"  
  62.             android:layout_width="fill_parent"  
  63.             android:layout_height="wrap_content"  
  64.             android:layout_alignParentBottom="true"  
  65.             android:background="@color/lightblack"  
  66.             android:focusable="true"  
  67.             android:focusableInTouchMode="true"  
  68.             android:keyBackground="@drawable/btn_keyboard_chinese"  
  69.             android:keyTextColor="@color/white"  
  70.             android:visibility="gone" />  
  71.     </RelativeLayout>  
  72.   
  73. </RelativeLayout>  

  界面比較簡單,主要是兩個文本輸入框,一個是班級(輸入漢字),一個是分數(輸入數字)。另外有一個隱藏的KeyboardView,在我們點擊文本輸入框時,會顯示出來。

  六、主類的實現

  最後就在你要執行的activity中,添加一些代碼就行了,剩下的就和其他控件使用方式一樣了,類名為KeydemoActivity.java,內容如下:

Java代碼
  1. package cn.key;  
  2.   
  3. import java.lang.reflect.Method;  
  4. import android.app.Activity;  
  5. import android.content.Context;  
  6. import android.os.Bundle;  
  7. import android.text.InputType;  
  8. import android.util.Log;  
  9. import android.view.ActionMode;  
  10. import android.view.ActionMode.Callback;  
  11. import android.view.Menu;  
  12. import android.view.MenuItem;  
  13. import android.view.MotionEvent;  
  14. import android.view.View;  
  15. import android.view.View.OnTouchListener;  
  16. import android.view.WindowManager;  
  17. import android.widget.EditText;  
  18.   
  19. public class KeydemoActivity extends Activity {  
  20.     private Context ctx;  
  21.     private Activity act;  
  22.     private EditText edit_class;  
  23.     private EditText edit_score;  
  24.   
  25.     @Override  
  26.     public void onCreate(Bundle savedInstanceState) {  
  27.         super.onCreate(savedInstanceState);  
  28.         setContentView(R.layout.main);  
  29.   
  30.         //get the codes for xml  
  31.         char c;  
  32.         int i;  
  33.         String[] strings = { "一",  "二", "三", "四", "五", "六", "年", "級", "班", "."};  
  34.         for(String str : strings){  
  35.             c=str.toCharArray()[0];  
  36.             i=c;  
  37.             //xml中格式:<Key android:codes="19968" android:keyLabel="一" />  
  38.             Log.i("key","<Key android:codes=\""+i+"\" android:keyLabel=\""+c+"\" />");  
  39.         }  
  40.   
  41.   
  42.         edit_class = (EditText) this.findViewById(R.id.edit_class);  
  43.         edit_score = (EditText) this.findViewById(R.id.edit_score);  
  44.   
  45.   
  46.         //禁止彈出系統默認的軟鍵盤  
  47.         if (android.os.Build.VERSION.SDK_INT <= 10) {  
  48.             edit_class.setInputType(InputType.TYPE_NULL);  
  49.         } else {  
  50.             this.getWindow().setSoftInputMode  
  51.   
  52. (WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN);  
  53.             try {  
  54.                 Class<EditText> cls = EditText.class;  
  55.                 Method setSoftInputShownOnFocus;  
  56.                 setSoftInputShownOnFocus = cls.getMethod("setShowSoftInputOnFocus",   
  57.   
  58. boolean.class);  
  59.                 setSoftInputShownOnFocus.setAccessible(true);  
  60.                 setSoftInputShownOnFocus.invoke(edit_class, false);  
  61.                 setSoftInputShownOnFocus.invoke(edit_score, false);  
  62.             } catch (Exception e) {  
  63.                 e.printStackTrace();  
  64.             }  
  65.         }  
  66.   
  67.   
  68.         //禁止長按選擇  
  69.         edit_class.setCustomSelectionActionModeCallback(new Callback() {   
  70.             @Override  
  71.             public boolean onPrepareActionMode(ActionMode mode, Menu menu) {   
  72.                 return false;  
  73.             }   
  74.             @Override  
  75.             public void onDestroyActionMode(ActionMode mode) {    
  76.             }   
  77.             @Override  
  78.             public boolean onCreateActionMode(ActionMode mode, Menu menu) {   
  79.                 //這裡可以添加自己的菜單選項(前提是要返回true的)  
  80.                 return false;//返回false 就是屏蔽ActionMode菜單  
  81.             }   
  82.             @Override  
  83.             public boolean onActionItemClicked(ActionMode mode, MenuItem item) {   
  84.                 return false;  
  85.             }  
  86.         });  
  87.   
  88.         edit_score.setCustomSelectionActionModeCallback(new Callback() {   
  89.             @Override  
  90.             public boolean onPrepareActionMode(ActionMode mode, Menu menu) {   
  91.                 return false;  
  92.             }   
  93.             @Override  
  94.             public void onDestroyActionMode(ActionMode mode) {    
  95.             }   
  96.             @Override  
  97.             public boolean onCreateActionMode(ActionMode mode, Menu menu) {   
  98.                 //這裡可以添加自己的菜單選項(前提是要返回true的)  
  99.                 return false;//返回false 就是屏蔽ActionMode菜單  
  100.             }   
  101.             @Override  
  102.             public boolean onActionItemClicked(ActionMode mode, MenuItem item) {   
  103.                 return false;  
  104.             }  
  105.         });  
  106.   
  107.   
  108.         //設置監聽動作,彈出自定義鍵盤  
  109.         ctx = this;  
  110.         act = this;  
  111.         edit_class.setOnTouchListener(new OnTouchListener() {  
  112.             @Override  
  113.             public boolean onTouch(View v, MotionEvent event) {  
  114.                 new KeyboardUtil(act, ctx, edit_class).showChinese();  
  115.                 return false;  
  116.             }  
  117.         });  
  118.   
  119.         edit_score.setOnTouchListener(new OnTouchListener() {  
  120.             @Override  
  121.             public boolean onTouch(View v, MotionEvent event) {               
  122.                 new KeyboardUtil(act, ctx, edit_score).showNumber();  
  123.                 return false;  
  124.             }  
  125.         });  
  126.   
  127.     }  
  128. }  

  最後的運行界面如下:

Android自定義鍵盤之漢字鍵盤

  七、demo地址

  http://download.csdn.net/detail/lintax/9577994

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved