Android-自定义数字小键盘

最新推荐文章于 2023-11-27 11:36:52 发布

蚁人日记

最新推荐文章于 2023-11-27 11:36:52 发布

阅读量1.4k

点赞数

分类专栏： android_draw android_widgit

android_widgit 同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

android_draw

29 篇文章 0 订阅

订阅专栏

先看界面布局文件

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<EditText
android:id="@+id/edit"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<EditText
android:id="@+id/edit1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:password="true" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<android.inputmethodservice.KeyboardView
android:id="@+id/keyboard_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:focusable="true"
android:focusableInTouchMode="true"
android:background="@color/lightblack"
android:keyBackground="@drawable/btn_keyboard_key"
android:keyTextColor="@color/white"
android:visibility="gone" />
</RelativeLayout>
</LinearLayout>

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

qwerty.xml内容

[html] view plain copy

<?xml version="1.0" encoding="UTF-8"?>
<Keyboard android:keyWidth="10.000002%p" android:keyHeight="@dimen/key_height"
android:horizontalGap="0.0px" android:verticalGap="0.0px"
xmlns:android="http://schemas.android.com/apk/res/android">
<Row>
<Key android:codes="113" android:keyEdgeFlags="left"
android:keyLabel="q" />
<Key android:codes="119" android:keyLabel="w" />
<Key android:codes="101" android:keyLabel="e" />
<Key android:codes="114" android:keyLabel="r" />
<Key android:codes="116" android:keyLabel="t" />
<Key android:codes="121" android:keyLabel="y" />
<Key android:codes="117" android:keyLabel="u" />
<Key android:codes="105" android:keyLabel="i" />
<Key android:codes="111" android:keyLabel="o" />
<Key android:codes="112" android:keyEdgeFlags="right"
android:keyLabel="p" />
</Row>
<Row>
<Key android:horizontalGap="4.999995%p" android:codes="97"
android:keyEdgeFlags="left" android:keyLabel="a" />
<Key android:codes="115" android:keyLabel="s" />
<Key android:codes="100" android:keyLabel="d" />
<Key android:codes="102" android:keyLabel="f" />
<Key android:codes="103" android:keyLabel="g" />
<Key android:codes="104" android:keyLabel="h" />
<Key android:codes="106" android:keyLabel="j" />
<Key android:codes="107" android:keyLabel="k" />
<Key android:codes="108" android:keyEdgeFlags="right"
android:keyLabel="l" />
</Row>
<Row>
<Key android:keyWidth="14.999998%p" android:codes="-1"
android:keyEdgeFlags="left" android:isModifier="true"
android:isSticky="true" android:keyIcon="@drawable/sym_keyboard_shift" />
<Key android:codes="122" android:keyLabel="z" />
<Key android:codes="120" android:keyLabel="x" />
<Key android:codes="99" android:keyLabel="c" />
<Key android:codes="118" android:keyLabel="v" />
<Key android:codes="98" android:keyLabel="b" />
<Key android:codes="110" android:keyLabel="n" />
<Key android:codes="109" android:keyLabel="m" />
<Key android:keyWidth="14.999998%p" android:codes="-5"
android:keyEdgeFlags="right" android:isRepeatable="true"
android:keyIcon="@drawable/sym_keyboard_delete" />
</Row>
<Row android:rowEdgeFlags="bottom">
<Key android:keyWidth="20.000004%p" android:codes="-2"
android:keyLabel="12#" />
<Key android:keyWidth="14.999998%p" android:codes="44"
android:keyLabel="," />
<Key android:keyWidth="29.999996%p" android:codes="32"
android:isRepeatable="true" android:keyIcon="@drawable/sym_keyboard_space" />
<Key android:keyWidth="14.999998%p" android:codes="46"
android:keyLabel="." />
<Key android:keyWidth="20.000004%p" android:codes="-3"
android:keyEdgeFlags="right" android:keyLabel="完成" />
</Row>
</Keyboard>

symbols.xml 内容

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<Keyboard xmlns:android="http://schemas.android.com/apk/res/android"
android:keyWidth="25%p" android:horizontalGap="0px"
android:verticalGap="0px" android:keyHeight="@dimen/key_height">
<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="57419" android:keyEdgeFlags="right"
android:keyIcon="@drawable/sym_keyboard_left" />
</Row>
<Row>
<Key android:codes="52" android:keyLabel="4" />
<Key android:codes="53" android:keyLabel="5" />
<Key android:codes="54" android:keyLabel="6" />
<Key android:codes="57421" android:keyEdgeFlags="right"
android:keyIcon="@drawable/sym_keyboard_right" />
</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="-3" android:keyHeight="100dip"
android:keyEdgeFlags="right" android:isRepeatable="true"
android:keyLabel="完成" />
</Row>
<Row>
<Key android:codes="-2" android:keyLabel="ABC" />
<Key android:codes="48" android:keyLabel="0" />
<Key android:codes="-5" android:keyIcon="@drawable/sym_keyboard_delete" />
</Row>
</Keyboard>

KeydemoActivity.java

[java] view plain copy

package cn.key;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.text.InputType;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.EditText;
public class KeydemoActivity extends Activity {
private Context ctx;
private Activity act;
private EditText edit;
private EditText edit1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
ctx = this;
act = this;
edit = (EditText) this.findViewById(R.id.edit);
edit.setInputType(InputType.TYPE_NULL);
edit1 = (EditText) this.findViewById(R.id.edit1);
edit.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
new KeyboardUtil(act, ctx, edit).showKeyboard();
return false;
}
});
edit1.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
int inputback = edit1.getInputType();
edit1.setInputType(InputType.TYPE_NULL);
new KeyboardUtil(act, ctx, edit1).showKeyboard();
edit1.setInputType(inputback);
return false;
}
});
}
}

KeyboardUtil.java

[java] view plain copy

package cn.key;
import java.util.List;
import android.app.Activity;
import android.content.Context;
import android.inputmethodservice.Keyboard;
import android.inputmethodservice.KeyboardView;
import android.inputmethodservice.Keyboard.Key;
import android.inputmethodservice.KeyboardView.OnKeyboardActionListener;
import android.text.Editable;
import android.view.View;
import android.widget.EditText;
public class KeyboardUtil {
private Context ctx;
private Activity act;
private KeyboardView keyboardView;
private Keyboard k1;// 字母键盘
private Keyboard k2;// 数字键盘
public boolean isnun = false;// 是否数据键盘
public boolean isupper = false;// 是否大写
private EditText ed;
public KeyboardUtil(Activity act, Context ctx, EditText edit) {
this.act = act;
this.ctx = ctx;
this.ed = edit;
k1 = new Keyboard(ctx, R.xml.qwerty);
k2 = new Keyboard(ctx, R.xml.symbols);
keyboardView = (KeyboardView) act.findViewById(R.id.keyboard_view);
keyboardView.setKeyboard(k1);
keyboardView.setEnabled(true);
keyboardView.setPreviewEnabled(true);
keyboardView.setOnKeyboardActionListener(listener);
}
private OnKeyboardActionListener listener = new OnKeyboardActionListener() {
@Override
public void swipeUp() {
}
@Override
public void swipeRight() {
}
@Override
public void swipeLeft() {
}
@Override
public void swipeDown() {
}
@Override
public void onText(CharSequence text) {
}
@Override
public void onRelease(int primaryCode) {
}
@Override
public void onPress(int primaryCode) {
}
@Override
public void onKey(int primaryCode, int[] keyCodes) {
Editable editable = ed.getText();
int start = ed.getSelectionStart();
if (primaryCode == Keyboard.KEYCODE_CANCEL) {// 完成
hideKeyboard();
} else if (primaryCode == Keyboard.KEYCODE_DELETE) {// 回退
if (editable != null && editable.length() > 0) {
if (start > 0) {
editable.delete(start - 1, start);
}
}
} else if (primaryCode == Keyboard.KEYCODE_SHIFT) {// 大小写切换
changeKey();
keyboardView.setKeyboard(k1);
} else if (primaryCode == Keyboard.KEYCODE_MODE_CHANGE) {// 数字键盘切换
if (isnun) {
isnun = false;
keyboardView.setKeyboard(k1);
} else {
isnun = true;
keyboardView.setKeyboard(k2);
}
} else if (primaryCode == 57419) { // go left
if (start > 0) {
ed.setSelection(start - 1);
}
} else if (primaryCode == 57421) { // go right
if (start < ed.length()) {
ed.setSelection(start + 1);
}
} else {
editable.insert(start, Character.toString((char) primaryCode));
}
}
};
/**
* 键盘大小写切换
*/
private void changeKey() {
List<Key> keylist = k1.getKeys();
if (isupper) {//大写切换小写
isupper = false;
for(Key key:keylist){
if (key.label!=null && isword(key.label.toString())) {
key.label = key.label.toString().toLowerCase();
key.codes[0] = key.codes[0]+32;
}
}
} else {//小写切换大写
isupper = true;
for(Key key:keylist){
if (key.label!=null && isword(key.label.toString())) {
key.label = key.label.toString().toUpperCase();
key.codes[0] = key.codes[0]-32;
}
}
}
}
public void showKeyboard() {
int visibility = keyboardView.getVisibility();
if (visibility == View.GONE || visibility == View.INVISIBLE) {
keyboardView.setVisibility(View.VISIBLE);
}
}
public void hideKeyboard() {
int visibility = keyboardView.getVisibility();
if (visibility == View.VISIBLE) {
keyboardView.setVisibility(View.INVISIBLE);
}
}
private boolean isword(String str){
String wordstr = "abcdefghijklmnopqrstuvwxyz";
if (wordstr.indexOf(str.toLowerCase())>-1) {
return true;
}
return false;
}
}

源码下载地址：http://download.csdn.net/detail/hfsu0419/4534209

上方出处：http://blog.csdn.net/hfsu0419/article/details/7924673

下文出自：http://qsyz2002.blog.163.com/blog/static/7216669201110155051470/

先上图吧：

最近在做一个优惠券的项目，上面的截图就是一个商家使用的一个平板的客户端，一开始的时候是使用系统默认的输入法来输入用户的手机号，但考虑到系统默认的输入法数字太小，而且这个功能只需要输入数字就可，为了简化商家的操作，加快商家发放优惠券的速度，就写了这么一个数字小键盘！希望对有这方面需求的朋友能有点用，呵呵，废话不多说了，直接上代码：

先上xml文件：

<?xml version="1.0" encoding="utf-8"?>
 <!-- 投放优惠券 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content" android:layout_height="wrap_content"
 android:orientation="vertical" android:background="@drawable/toufang_bg">
 <TextView android:layout_width="wrap_content"
  android:textColor="#000000" android:textSize="35px" android:textStyle="bold"
  android:layout_height="wrap_content" android:text="手机号：" />
 <EditText android:id="@+id/phone" android:layout_width="400px"
  android:textSize="30px" android:layout_height="wrap_content"
  android:hint="请填写要投放的手机号" />
 <LinearLayout android:layout_width="fill_parent"
  android:layout_margin="10px" android:layout_height="wrap_content"
  android:orientation="horizontal" android:layout_gravity="center_horizontal">
  <Button android:id="@+id/one" android:layout_width="wrap_content"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_weight="1" android:layout_height="wrap_content"
   android:text="1" />
  <Button android:id="@+id/two" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="2" />
  <Button android:id="@+id/three" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="3" />
 </LinearLayout>
 <LinearLayout android:layout_width="fill_parent"
  android:layout_margin="10px" android:layout_height="wrap_content"
  android:orientation="horizontal" android:layout_gravity="center_horizontal">
  <Button android:id="@+id/four" android:layout_width="wrap_content"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_weight="1" android:layout_height="wrap_content"
   android:text="4" />
  <Button android:id="@+id/five" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="5" />
  <Button android:id="@+id/six" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="6" />
 </LinearLayout>
 <LinearLayout android:layout_width="fill_parent"
  android:layout_margin="10px" android:layout_height="wrap_content"
  android:orientation="horizontal" android:layout_gravity="center_horizontal">
  <Button android:id="@+id/seven" android:layout_width="wrap_content"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_weight="1" android:layout_height="wrap_content"
   android:text="7" />
  <Button android:id="@+id/eight" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="8" />
  <Button android:id="@+id/night" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn"
   android:layout_width="wrap_content" android:layout_height="wrap_content"
   android:text="9" />
 </LinearLayout>
 <LinearLayout android:layout_width="fill_parent"
  android:layout_margin="10px" android:layout_height="wrap_content"
  android:orientation="horizontal" android:layout_gravity="center_horizontal">
  <Button android:id="@+id/zero" android:layout_width="wrap_content"
   android:layout_weight="1" android:layout_height="wrap_content"
   android:text="0" android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:background="@drawable/number_btn" />
  <Button android:id="@+id/reset" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:text="重  置" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:background="@drawable/number_btn" />
  <Button android:id="@+id/delete" android:layout_weight="1"
   android:textSize="20px" android:textColor="#ffffff"
   android:textStyle="bold" android:text="删  除" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:background="@drawable/number_btn" />
 </LinearLayout>
 <LinearLayout android:layout_width="wrap_content"
  android:layout_marginTop="10px" android:layout_height="wrap_content"
  android:orientation="horizontal" android:layout_gravity="center_horizontal">
  <Button android:id="@+id/confirm" android:background="@drawable/toufang_btn" android:layout_weight="1"
   android:layout_width="wrap_content" android:layout_height="wrap_content" />
  <Button android:id="@+id/cancle" android:background="@drawable/cancle_btn" android:layout_weight="1"
   android:layout_marginLeft="15px" android:layout_width="wrap_content"
   android:layout_height="wrap_content" />
 </LinearLayout>
</LinearLayout>
 
Activity:就贴一些关键的代码吧
private StringBuffer sb;//用来存放输入数字的sb，呵呵 
private EditText phone;//电话号码输入
 
phone = (EditText) findViewById(R.id.phone);
  phone.setFocusable(false);//不让该edittext获得焦点
  phone.setOnTouchListener(new OnTouchListener() {
   public boolean onTouch(View v, MotionEvent event) {
    phone.setInputType(InputType.TYPE_NULL); // 关闭软键盘，这样当点击该edittext的时候，不会弹出系统自带的输入法
    return false;
   }
  }
 
 
 
@Override
 public void onClick(View v) {
  switch (v.getId()) {
  case R.id.cancle:
   finish();
   break;
  case R.id.confirm:
   String userTel = (String) phone.getText().toString();
   if (userTel != null && !"".equals(userTel.toString().trim())
     && !"null".equals(userTel.toString().trim().toLowerCase())) {
    if (loadingDialog == null)
     loadingDialog = AlertUtil
       .buildLoadingDialog(ToufangActivity.this);
    loadingDialog.show();
    // 判断是否填写手机号
    // String userTel = (String)phone.getText().toString();
    sendCouponByTelHandler = new SendCouponByTelHandler(offer);
    if (userTel != null
      && !"".equals(userTel.toString().trim())
      && !"null".equals(userTel.toString().trim()
        .toLowerCase())) {
     // 创建线程 （生成验证码+绑定验证码）
     if (match(userTel)) {// 验证手机号是否合法
      new SendCouponByTelThread(offer, userTel).start();
     } else {
      loadingDialog.dismiss();
      AlertUtil.toast(ToufangActivity.this,
        R.drawable.dialog_err_icon, "请填写正确的手机号!");
      sb.replace(0, sb.length(), "");
      phone.setText("");
     }
    }
   } else {
    AlertUtil.toast(ToufangActivity.this,
      R.drawable.dialog_err_icon, "请填写手机号!");
   }
   break;
  case R.id.one:
   sb.append(one.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.two:
   sb.append(two.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.three:
   sb.append(three.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.four:
   sb.append(four.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.five:
   sb.append(five.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.six:
   sb.append(six.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.seven:
   sb.append(seven.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.eight:
   sb.append(eight.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.night:
   sb.append(night.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.zero:
   sb.append(zero.getText().toString().trim());
   phone.setText(sb.toString().trim());
   break;
  case R.id.delete:
   if (sb.length() - 1 >= 0) {
    sb.delete(sb.length() - 1, sb.length());
    phone.setText(sb.toString().trim());
   }
   break;
  case R.id.reset:
   sb.replace(0, sb.length(), "");
   phone.setText(sb.toString().trim());
   break;
  default:
   break;
  }
 }

蚁人日记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android-自定义数字小键盘

先看界面布局文件[html] view plaincopyxml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
复制链接

扫一扫