android自定义密码键盘


先看界面布局文件

[html] view plaincopy

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

通过布局文件可以看出界面上有两个输入框，其中一个是密码输入框，界面上还有一个隐藏的键盘控件。
在res下新建xml文件夹，在xml文件夹中新建qwerty.xml和symbols.xml文件. qwerty.xml 是字母键盘布局，symbols.xml 是数字键盘布局，内如如下

qwerty.xml内容

[html] view plaincopy

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

symbols.xml 内容

[html] view plaincopy

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <Keyboard xmlns: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.                 <Key android:codes="49" android:keyLabel="1" />  
  7.                 <Key android:codes="50" android:keyLabel="2" />  
  8.                 <Key android:codes="51" android:keyLabel="3" />  
  9.                 <Key android:codes="57419" android:keyEdgeFlags="right"  
  10.                         android:keyIcon="@drawable/sym_keyboard_left" />  
  11.         </Row>  
  12.         <Row>  
  13.                 <Key android:codes="52" android:keyLabel="4" />  
  14.                 <Key android:codes="53" android:keyLabel="5" />  
  15.                 <Key android:codes="54" android:keyLabel="6" />  
  16.                 <Key android:codes="57421" android:keyEdgeFlags="right"  
  17.                         android:keyIcon="@drawable/sym_keyboard_right" />  
  18.         </Row>  
  19.         <Row>  
  20.                 <Key android:codes="55" android:keyLabel="7" />  
  21.                 <Key android:codes="56" android:keyLabel="8" />  
  22.                 <Key android:codes="57" android:keyLabel="9" />  
  23.                 <Key android:codes="-3" android:keyHeight="100dip"  
  24.                         android:keyEdgeFlags="right" android:isRepeatable="true"  
  25.                         android:keyLabel="完成" />  
  26.         </Row>  
  27.         <Row>  
  28.                 <Key android:codes="-2" android:keyLabel="ABC" />  
  29.                 <Key android:codes="48" android:keyLabel="0" />  
  30.                 <Key android:codes="-5" android:keyIcon="@drawable/sym_keyboard_delete" />  
  31.         </Row>  
  32. </Keyboard>  

KeydemoActivity.java

[java] view plaincopy

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

KeyboardUtil.java

[java] view plaincopy

  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 isnun = 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.qwerty);  
  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.                 }  
  43.    
  44.                 @Override  
  45.                 public void swipeRight() {  
  46.                 }  
  47.    
  48.                 @Override  
  49.                 public void swipeLeft() {  
  50.                 }  
  51.    
  52.                 @Override  
  53.                 public void swipeDown() {  
  54.                 }  
  55.    
  56.                 @Override  
  57.                 public void onText(CharSequence text) {  
  58.                 }  
  59.    
  60.                 @Override  
  61.                 public void onRelease(int primaryCode) {  
  62.                 }  
  63.    
  64.                 @Override  
  65.                 public void onPress(int primaryCode) {  
  66.                 }  
  67.    
  68.                 @Override  
  69.                 public void onKey(int primaryCode, int[] keyCodes) {  
  70.                         Editable editable = ed.getText();  
  71.                         int start = ed.getSelectionStart();  
  72.                         if (primaryCode == Keyboard.KEYCODE_CANCEL) {// 完成  
  73.                                 hideKeyboard();  
  74.                         } else if (primaryCode == Keyboard.KEYCODE_DELETE) {// 回退  
  75.                                 if (editable != null && editable.length() > 0) {  
  76.                                         if (start > 0) {  
  77.                                                 editable.delete(start - 1, start);  
  78.                                         }  
  79.                                 }  
  80.                         } else if (primaryCode == Keyboard.KEYCODE_SHIFT) {// 大小写切换  
  81.                                 changeKey();  
  82.                                 keyboardView.setKeyboard(k1);  
  83.    
  84.                         } else if (primaryCode == Keyboard.KEYCODE_MODE_CHANGE) {// 数字键盘切换  
  85.                                 if (isnun) {  
  86.                                         isnun = false;  
  87.                                         keyboardView.setKeyboard(k1);  
  88.                                 } else {  
  89.                                         isnun = true;  
  90.                                         keyboardView.setKeyboard(k2);  
  91.                                 }  
  92.                         } else if (primaryCode == 57419) { // go left  
  93.                                 if (start > 0) {  
  94.                                         ed.setSelection(start - 1);  
  95.                                 }  
  96.                         } else if (primaryCode == 57421) { // go right  
  97.                                 if (start < ed.length()) {  
  98.                                         ed.setSelection(start + 1);  
  99.                                 }  
  100.                         } else {  
  101.                                 editable.insert(start, Character.toString((char) primaryCode));  
  102.                         }  
  103.                 }  
  104.         };  
  105.            
  106.         /** 
  107.          * 键盘大小写切换 
  108.          */  
  109.         private void changeKey() {  
  110.                 List<Key> keylist = k1.getKeys();  
  111.                 if (isupper) {//大写切换小写  
  112.                         isupper = false;  
  113.                         for(Key key:keylist){  
  114.                                 if (key.label!=null && isword(key.label.toString())) {  
  115.                                         key.label = key.label.toString().toLowerCase();  
  116.                                         key.codes[0] = key.codes[0]+32;  
  117.                                 }  
  118.                         }  
  119.                 } else {//小写切换大写  
  120.                         isupper = true;  
  121.                         for(Key key:keylist){  
  122.                                 if (key.label!=null && isword(key.label.toString())) {  
  123.                                         key.label = key.label.toString().toUpperCase();  
  124.                                         key.codes[0] = key.codes[0]-32;  
  125.                                 }  
  126.                         }  
  127.                 }  
  128.         }  
  129.    
  130.     public void showKeyboard() {  
  131.         int visibility = keyboardView.getVisibility();  
  132.         if (visibility == View.GONE || visibility == View.INVISIBLE) {  
  133.             keyboardView.setVisibility(View.VISIBLE);  
  134.         }  
  135.     }  
  136.        
  137.     public void hideKeyboard() {  
  138.         int visibility = keyboardView.getVisibility();  
  139.         if (visibility == View.VISIBLE) {  
  140.             keyboardView.setVisibility(View.INVISIBLE);  
  141.         }  
  142.     }  
  143.        
  144.     private boolean isword(String str){  
  145.             String wordstr = "abcdefghijklmnopqrstuvwxyz";  
  146.             if (wordstr.indexOf(str.toLowerCase())>-1) {  
  147.                         return true;  
  148.                 }  
  149.             return false;  
  150.     }  
  151.    
  152. } 
时间： 2024-11-05 18:50:39

android自定义密码键盘的相关文章

android自定义view插入xml

问题描述 android自定义view插入xml 自定义View代码如下.我希望把这个view插入到一个layout的xml的文件中.一直出错,错误类型是error inflating class.应该是这个View出的问题package com.example.browserstation; import java.util.Timer;import java.util.TimerTask; import android.content.Context;import android.graph

组合-android自定义view怎样指定自定义view的布局

问题描述 android自定义view怎样指定自定义view的布局 我有现成的布局xml文件,现在想定义一个组合的自定义view,怎样把这个view的布局指定为一个xml文件 解决方案 LayoutInflater.from(mActivity).inflate(R.layout.mainscreen_title, this, true);这样就行了,this是当前的View,而后面这两个参数是将R.layout.mainscreen_title attachToRoot 也就是以当前这个Vie

Android自定义View之使用贝塞尔曲线实现流量进度条

第一次写带图片的博客,多少还是有点紧张,效果不好,请将就着看,前面的图是今天要写的控件的效果图,元素不多,分别是一个按钮和一个自定义的控件. 在此以前,我看过许多的书,比如<Android群英传>.<第一行代码>等,也看了很多大神的博客,但是即便是这样,当我看到这么多代码的时候,一直都没有真正的动手去敲过这些代码,以至于我总是觉得自定义View是一个多么高深莫测的技术,我们这些小白是难以触及的,但是当昨晚看了一篇鸡汤之后,觉得人还是要学会专注,要耐得住寂寞,要沉得住气.所以在未来的

Android自定义View之绘制音乐播放器示波器

周末玩的有点嗨,没更新博客了,今天补上,这个示波器是在大学的时候老师教的,但是出来工作一直没有用到过,渐渐的也就忘记了,现在重新学习一下.来看看效果图: 这里是一个自定义的柱状图,然后有一个按钮,点击按钮的时候,这里柱子会不停的运动,类似于音乐播放器里示波器的跳动. 跟前面几个自定义view的方式类似,重写了onSizeChange()方法和onDraw()方法  先列一下我们要用到的变量 Paint mPaint; mWidth; mRectWidth; mRectHeight; mRectC

Android自定义View之弧线展示图

前面我也写了有几个自定义进度的控件,那么,今天,我再加一个控件,原理跟前面讲的差不多,先看看效果: 这个是一个以弧线为依托的进度控件,主要包括了两个圆弧.一个圆.一个文本. 当我们点击开始按钮的时候,会出现一个动画,逐渐的出现进度,好了,下面开始我们的编码. 新建一个类,继承自View,实现三个构造方法,接着定义变量,初始化变量的数据.代码如下: Paint mArcPaint, mCirclePaint, mTextPaint, mPaint; length; mRadius; mCircle

Android自定义View之仿QQ等级天数进度

最近一直都在看自定义View这一块.差不多一个星期了吧.这个星期坚持每天更新博客,感觉自己的技术也有点突破,对自定义View的计算也有了更深的认识. 今天坐地铁玩手机的时候,看到手机一个成长天数进度的控件,觉得挺有意思的,于是想自己也写一个.效果如下: 由图可以知道,这里面有很多个元素,首先是背景的矩形区域,其次就是两个环形,然后三个Text文本.其实不复杂,我们一点一点的去实现. 首先呢,画矩形背景.这里用到一个RectF的类,这个类包含一个矩形的四个单精度浮点坐标.矩形通过上下左右4个边的坐

Android自定义View之仿vivo i管家病毒扫描动画效果

技术是永无止境的,如果真的爱技术,那就勇敢的坚持下去.我很喜欢这句话,当我在遇到问题的时候.当我觉得代码枯燥的时候,我就会问自己,到底是不是真的热爱技术,这个时候,我心里总是起着波澜,我的答案是肯定的,我深深的爱着这门技术. 今天我们继续聊聊Android的自定义View系列.先看看效果吧: 这个是我手机杀毒软件的一个动画效果,类似于雷达搜索,所以用途还是很广泛的,特别是先了解一下这里的具体逻辑和写法,对技术的进步一定很有用. 先简单的分析一下这里的元素,主要有四个圆.一个扇形.还有八条虚线.当

Android自定义View之实现理财类APP七日年化收益折线图效果

这段时间的自定义View学习,学会了绘制柱状图.绘制折线图.绘制进度控件,那我们今天就来聊聊另外一种自定义的View,这就是我们常见的七日年化收益折线图效果.先看看长什么样. 这就是效果图了,元素相对而言还是比较多的,这里有线.柱状图.文字.折线.点等等.看起来好像很复杂,但是呢,只要一步一步的实现,那还是可以达到这种效果的,之前我们说过的, 自定义View,就像是在photo shop里面画图,想要什么就画什么,我们可以有很多的画笔工具,也可以有很多的图层. 先看看我们这一次用到哪些变量. P

Android自定义GridView显示一行并且可以左右滑动

最近做一个类似滑动菜单栏的title,绑定数据源用的是GrildView,想要实现 横着滑动并且GrildView只显示一行.最终采用代码形式在Activity中动态的添加 布局实现. ViewGroup.LayoutParams params = dishtype.getLayoutParams(); // dishtype,welist为ArrayList int dishtypes = welist.size(); params.width = 115 * dishtypes; Log.d