2. 程式人生 > >android自定義密碼鍵盤

android自定義密碼鍵盤

阿新 • • 發佈：2019-01-25


先看介面佈局檔案

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns: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.     <EditText
  7.         android:id="@+id/edit"
  8.         android:layout_width
    ="fill_parent"
  9.         android:layout_height="wrap_content"/>
  10.     <EditText
  11.         android:id="@+id/edit1"
  12.         android:layout_width="fill_parent"
  13.         android:layout_height="wrap_content"
  14.         android:password="true"/>
  15.     <RelativeLayout
  16.         android:layout_width="fill_parent"
  17.         android:layout_height
    ="wrap_content">
  18.         <android.inputmethodservice.KeyboardView
  19.             android:id="@+id/keyboard_view"
  20.             android:layout_width="fill_parent"
  21.             android:layout_height="wrap_content"
  22.             android:layout_alignParentBottom="true"
  23.             android:focusable="true"
  24.             android:focusableInTouchMode
    ="true"
  25.             android:background="@color/lightblack"
  26.             android:keyBackground="@drawable/btn_keyboard_key"
  27.             android:keyTextColor="@color/white"
  28.             android:visibility="gone"/>
  29.     </RelativeLayout>
  30. </LinearLayout>

通過佈局檔案可以看出介面上有兩個輸入框，其中一個是密碼輸入框，介面上還有一個隱藏的鍵盤控制元件。
在res下新建xml資料夾，在xml資料夾中新建qwerty.xml和symbols.xml檔案. qwerty.xml 是字母鍵盤佈局，symbols.xml 是數字鍵盤佈局，內如如下

qwerty.xml內容

  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <Keyboardandroid:keyWidth="10.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.         <Row>
  6.                 <Keyandroid:codes="113"android:keyEdgeFlags="left"
  7.                         android:keyLabel="q"/>
  8.                 <Keyandroid:codes="119"android:keyLabel="w"/>
  9.                 <Keyandroid:codes="101"android:keyLabel="e"/>
  10.                 <Keyandroid:codes="114"android:keyLabel="r"/>
  11.                 <Keyandroid:codes="116"android:keyLabel="t"/>
  12.                 <Keyandroid:codes="121"android:keyLabel="y"/>
  13.                 <Keyandroid:codes="117"android:keyLabel="u"/>
  14.                 <Keyandroid:codes="105"android:keyLabel="i"/>
  15.                 <Keyandroid:codes="111"android:keyLabel="o"/>
  16.                 <Keyandroid:codes="112"android:keyEdgeFlags="right"
  17.                         android:keyLabel="p"/>
  18.         </Row>
  19.         <Row>
  20.                 <Keyandroid:horizontalGap="4.999995%p"android:codes="97"
  21.                         android:keyEdgeFlags="left"android:keyLabel="a"/>
  22.                 <Keyandroid:codes="115"android:keyLabel="s"/>
  23.                 <Keyandroid:codes="100"android:keyLabel="d"/>
  24.                 <Keyandroid:codes="102"android:keyLabel="f"/>
  25.                 <Keyandroid:codes="103"android:keyLabel="g"/>
  26.                 <Keyandroid:codes="104"android:keyLabel="h"/>
  27.                 <Keyandroid:codes="106"android:keyLabel="j"/>
  28.                 <Keyandroid:codes="107"android:keyLabel="k"/>
  29.                 <Keyandroid:codes="108"android:keyEdgeFlags="right"
  30.                         android:keyLabel="l"/>
  31.         </Row>
  32.         <Row>
  33.                 <Keyandroid:keyWidth="14.999998%p"android:codes="-1"
  34.                         android:keyEdgeFlags="left"android:isModifier="true"
  35.                         android:isSticky="true"android:keyIcon="@drawable/sym_keyboard_shift"/>
  36.                 <Keyandroid:codes="122"android:keyLabel="z"/>
  37.                 <Keyandroid:codes="120"android:keyLabel="x"/>
  38.                 <Keyandroid:codes="99"android:keyLabel="c"/>
  39.                 <Keyandroid:codes="118"android:keyLabel="v"/>
  40.                 <Keyandroid:codes="98"android:keyLabel="b"/>
  41.                 <Keyandroid:codes="110"android:keyLabel="n"/>
  42.                 <Keyandroid:codes="109"android:keyLabel="m"/>
  43.                 <Keyandroid:keyWidth="14.999998%p"android:codes="-5"
  44.                         android:keyEdgeFlags="right"android:isRepeatable="true"
  45.                         android:keyIcon="@drawable/sym_keyboard_delete"/>
  46.         </Row>
  47.         <Rowandroid:rowEdgeFlags="bottom">
  48.                 <Keyandroid:keyWidth="20.000004%p"android:codes="-2"
  49.                         android:keyLabel="12#"/>
  50.                 <Keyandroid:keyWidth="14.999998%p"android:codes="44"
  51.                         android:keyLabel=","/>
  52.                 <Keyandroid:keyWidth="29.999996%p"android:codes="32"
  53.                         android:isRepeatable="true"android:keyIcon="@drawable/sym_keyboard_space"/>
  54.                 <Keyandroid:keyWidth="14.999998%p"android:codes="46"
  55.                         android:keyLabel="."/>
  56.                 <Keyandroid:keyWidth="20.000004%p"android:codes="-3"
  57.                         android:keyEdgeFlags="right"android:keyLabel="完成"/>
  58.         </Row>
  59. </Keyboard>

symbols.xml 內容
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <Keyboardxmlns:android="http://schemas.android.com/apk/res/android"
  3.         android:keyWidth="25%p"android:horizontalGap="0px"
  4.         android:verticalGap="0px"android:keyHeight="@dimen/key_height">
  5.         <Row>
  6.                 <Keyandroid:codes="49"android:keyLabel="1"/>
  7.                 <Keyandroid:codes="50"android:keyLabel="2"/>
  8.                 <Keyandroid:codes="51"android:keyLabel="3"/>
  9.                 <Keyandroid:codes="57419"android:keyEdgeFlags="right"
  10.                         android:keyIcon="@drawable/sym_keyboard_left"/>
  11.         </Row>
  12.         <Row>
  13.                 <Keyandroid:codes="52"android:keyLabel="4"/>
  14.                 <Keyandroid:codes="53"android:keyLabel="5"/>
  15.                 <Keyandroid:codes="54"android:keyLabel="6"/>
  16.                 <Keyandroid:codes="57421"android:keyEdgeFlags="right"
  17.                         android:keyIcon="@drawable/sym_keyboard_right"/>
  18.         </Row>
  19.         <Row>
  20.                 <Keyandroid:codes="55"android:keyLabel="7"/>
  21.                 <Keyandroid:codes="56"android:keyLabel="8"/>
  22.                 <Keyandroid:codes="57"android:keyLabel="9"/>
  23.                 <Keyandroid:codes="-3"android:keyHeight="100dip"
  24.                         android:keyEdgeFlags="right"android:isRepeatable="true"
  25.                         android:keyLabel="完成"/>
  26.         </Row>
  27.         <Row>
  28.                 <Keyandroid:codes="-2"android:keyLabel="ABC"/>
  29.                 <Keyandroid:codes="48"android:keyLabel="0"/>
  30.                 <Keyandroid:codes="-5"android:keyIcon="@drawable/sym_keyboard_delete"/>
  31.         </Row>
  32. </Keyboard>

KeydemoActivity.java
  1. package cn.key;  
  2. import android.app.Activity;  
  3. import android.content.Context;  
  4. import android.os.Bundle;  
  5. import android.text.InputType;  
  6. import android.view.MotionEvent;  
  7. import android.view.View;  
  8. import android.view.View.OnTouchListener;  
  9. import android.widget.EditText;  
  10. publicclass KeydemoActivity extends Activity {  
  11.         private Context ctx;  
  12.         private Activity act;  
  13.         private EditText edit;  
  14.         private EditText edit1;  
  15.         @Override
  16.         publicvoid onCreate(Bundle savedInstanceState) {  
  17.                 super.onCreate(savedInstanceState);  
  18.                 setContentView(R.layout.main);  
  19.                 ctx = this;  
  20.                 act = this;  
  21.                 edit = (EditText) this.findViewById(R.id.edit);  
  22.                 edit.setInputType(InputType.TYPE_NULL);  
  23.                 edit1 = (EditText) this.findViewById(R.id.edit1);  
  24.                 edit.setOnTouchListener(new OnTouchListener() {  
  25.                         @Override
  26.                         publicboolean onTouch(View v, MotionEvent event) {  
  27.                                 new KeyboardUtil(act, ctx, edit).showKeyboard();  
  28.                                 returnfalse;  
  29.                         }  
  30.                 });  
  31.                 edit1.setOnTouchListener(new OnTouchListener() {  
  32.                         @Override
  33.                         publicboolean onTouch(View v, MotionEvent event) {  
  34.                                 int inputback = edit1.getInputType();  
  35.                                 edit1.setInputType(InputType.TYPE_NULL);  
  36.                                 new KeyboardUtil(act, ctx, edit1).showKeyboard();  
  37.                                 edit1.setInputType(inputback);  
  38.                                 returnfalse;  
  39.                         }  
  40.                 });  
  41.         }  
  42. }  

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

相關推薦

android自定義密碼鍵盤

先看介面佈局檔案 <?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="f

Android自定義軟鍵盤樣式：字母、數字、標點三種切換

第一次寫，直接上程式碼吧： 先看效果圖： 1.在需要的呼叫軟鍵盤的activity_mian.xml中加入鍵盤控制元件 <!--自定義鍵盤控制元件--> <RelativeLayout android:layout_width="fill

Android 自定義軟鍵盤

package com.huyu.test; import java.lang.reflect.Method; import java.util.Arrays; import java.util.List; import android.app.Activity; import android.input

Android自定義軟鍵盤輸入法,隱藏系統輸入法顯示游標的實現

android實現自定義軟鍵盤,先上圖看效果,效果基本上是仿ios輸入法實現的 這裡是實現隱藏系統輸入法,同時讓EditText能獲取游標的程式碼部分(通過反射呼叫): <span style="font-size:18px;">keyBoardLabe

Android自定義軟鍵盤KeyboardView 使用例項

在有些應用中會有定製軟鍵盤的需求，往往實現起來會有些難度，或者說實現出來的效果不盡如人意。 最近在專案中有這種需求 博主也是不辱使命地完成了這個需求，效果圖如下 說一下思路的和詳細實現 主要是利用android自帶的android.inputme

Android 自定義數字鍵盤（三）自定義輸入框

Android 自定義數字鍵盤（一） Android 自定義數字鍵盤（二）隨機數字 Demo地址：https://github.com/danfengfirst/KeyDemo 這篇部落格是在上面兩篇部落格的基礎上修改的一個相對比較完整的demo，

Android 自定義密碼框，密碼+確認密碼

/**  * Dialog 顯示檢視  *   * @author LanYan  *   */ @SuppressLint("InflateParams") public class KeyPayPasswordView {@ViewInject(R.id.dyq_pay

Android 自定義軟鍵盤遇到的問題

首先來分析一下軟鍵盤的基本屬性 - 軟鍵盤的實現 - 點選輸入框從底部彈出軟鍵盤 - 彈出軟鍵盤後焦點在輸入框 - 彈出軟鍵盤不遮擋輸入框 軟鍵盤的實現 可以使用KeyboardView也可以自己寫佈局寫點選事件（除特殊情況不推薦）

Android仿支付寶密碼輸入框(自定義數字鍵盤)

1.概述          Android自定義密碼輸入框，通過自定義輸入顯示框和自定義輸入鍵盤，實現仿支付寶數字鍵盤等。程式碼已託管到github，有需要的話可以去我的github下載。 可以自定義關閉圖示、文字內容、顏色、大小，彈框樣

android 自定義鍵盤輸入密碼控制元件

直接上程式碼 public class PwdInputView extends RelativeLayout { private Context mContext; private GridView

【Android自定義控制元件】密碼輸入框+數字鍵盤的實現

因專案需要，實現了一個自定義的密輸入框和自定義數字鍵盤，用作使用者支付密碼設定介面。先上效果圖如下，方格樣式，以及點選空白處隱藏軟鍵盤。 控制元件實現清單： 1）集成於EditText的輸入框控制元件：PasswordInputView.java 2）

Android自定義數字密碼鍵盤

妙語皆隨晨曦出 2016-11-06 00:03 1.建立密碼鍵盤佈局layout/password_keyboard_view.xml EditText的屬性： android:inputType="numberSigned" 可輸入"+" "-"符號 表示正負 andr

Android自定義鍵盤問題記錄

公司為了保障密碼安全，研發了一套自定義鍵盤取代系統鍵盤，原理很簡單，一個PopupWindow，在EditText獲得焦點時show，失去焦點dismiss。 但用在專案組上的時候出現問題。        專案的輸入框   &nbs

Android 自定義輸入軟鍵盤

前言 在日常開發中，有的時候我們需要使用者輸入指定範圍的內容，除了給與充分的文字提示，更加人性化的就是定製一個自定義鍵盤。 Android的自定義鍵盤常用於密碼輸入時的安全鍵盤，比如支付寶支付時。 如上圖，在輸入體溫時，彈出一個自定義的體溫鍵盤，這樣既能人性化服務，也能規避

小程式自定義數字鍵盤|仿微信支付、支付寶支付密碼鍵盤

微信小程式自定義鍵盤外掛wcKeyboard|仿微信數字軟鍵盤|仿支付寶自定義數字鍵盤|小程式自定義模擬系統鍵盤 前段時間有開發過一個html5仿支付寶、微信支付數字鍵盤，在某些情況下自定義數字鍵盤應用還是蠻多的，比如 購物商城系統 零錢付款 ,會員卡支付，恰好微信小程式沒有內部數字鍵盤元件，這樣輸入密

Android EditText 自定義密碼樣式，密碼轉換為*等特殊字元

import android.text.method.PasswordTransformationMethod; import android.text.method.TransformationMethod; //設定密碼轉換 editText.setTransforma

Android自定義EditText——帶一鍵清除和密碼明文切換按鈕，支援多樣式選擇

      Android自定義View開始入坑，打算寫一些自定義控制元件練練手。       這是一個自定義EditText，帶一鍵清除和密碼明文切換按鈕（可以傳入自定義圖片資源），可以自定義邊框顏色，還支援四種邊框樣式的選擇。       原始碼已上傳 GitHub： 

Android 自定義鍵盤輸入內容監聽

 文章內容結構按照STAR法則展開的：   situation:                   為何要監聽輸入內容？ 一般正常的監聽鍵盤輸入內容，都是用Editext控制元件來實現使用者的輸入

Android--›EditText不顯示系統鍵盤,可用來顯示自定義的鍵盤

系統鍵盤 包含普通鍵盤和現在很多ROM定製的密碼安全鍵盤 但是,此方法是API 21Android 5.0加入的, 所以為了相容低版本, 建議使用已下方法: public static final

整個網路可能最完善的 Android 自定義鍵盤 問題彙總以及解決方案

        系統自帶的鍵盤，鍵值太多，不符合客戶的需求，需要自定義鍵盤，如下圖：       分別是字母和數字的鍵盤，感謝很多前輩提供的例子，朋友們可以到這個連結下載資源：前輩android 自定義鍵盤詳解講的非常清楚，我下了他的程式碼，在這基礎上進行修改，