【android开发】自定义数字软键盘的设计与实现（2）

最新推荐文章于 2024-06-20 12:09:36 发布

Ac_Rambler

最新推荐文章于 2024-06-20 12:09:36 发布

阅读量8.9k

点赞数 4

分类专栏：移动开发 android 软件开发技术支持文章标签： android 自定义软键盘

本文链接：https://blog.csdn.net/acrambler/article/details/13213181

版权

移动开发同时被 3 个专栏收录

29 篇文章 0 订阅

订阅专栏

android

27 篇文章 0 订阅

订阅专栏

软件开发

17 篇文章 0 订阅

订阅专栏

上一篇我们说了关于自定义软键盘实现的相关原理，把两个主要的类介绍了一下，并看了一下源码的内容，那么今天实现起来就不会有什么疑惑了，每一步都会清晰了。

好了，下面我们就把实现的具体步骤给大家介绍一下：首先在res下新建xml文件夹，在xml文件夹中新建symbols.xml文件，这个布局文件重要是实现软键盘的布局，每一个按键都有一个codes值，在类中就是通过codes值来监听每一个按钮，上一面已经说了，一些codes是固定，一些是自定义设置的，内如如下:

<?xml version="1.0" encoding="utf-8"?>  
<keyboard xmlns:android="http://schemas.android.com/apk/res/android" android:keywidth="33%p" android:horizontalgap="0px" android:verticalgap="0px" android:keyheight="10%p">  
        <row>  
			<key android:codes="49" android:keylabel="1">  
			<key android:codes="50" android:keylabel="2">  
			<key android:codes="51" android:keylabel="3">  
        </key></key></key></row>  
        <row>  
			<key android:codes="52" android:keylabel="4">  
			<key android:codes="53" android:keylabel="5">  
			<key android:codes="54" android:keylabel="6">  
        </key></key></key></row>  
        <row>  
			<key android:codes="55" android:keylabel="7">  
			<key android:codes="56" android:keylabel="8">  
			<key android:codes="57" android:keylabel="9">     
        </key></key></key></row>  
        <row>  
			<key android:codes="4896" android:keylabel="清空">  
			<key android:codes="48" android:keylabel="0">  
			<key android:codes="-5" android:keyicon="@drawable/sym_keyboard_delete">  
        </key></key></key></row>  
</keyboard>

然后创建一个类，用于处理软键盘事件，文件名为KeyboardUtil.java,内容如下：

package com.xinhui.ui;

import com.xinhui.appsystem.R;

import android.app.Activity;  
import android.content.Context;  
import android.inputmethodservice.Keyboard;  
import android.inputmethodservice.KeyboardView;  
import android.inputmethodservice.KeyboardView.OnKeyboardActionListener;  
import android.text.Editable;  
import android.view.View;  
import android.widget.EditText;  
   
public class KeyboardUtil {  
        private KeyboardView keyboardView;  
        private Keyboard k;// 数字键盘  
        private EditText ed;
        public KeyboardUtil(Activity act, Context ctx, EditText edit) {  
                this.ed = edit;
                k = new Keyboard(ctx, R.xml.symbols);  
                keyboardView = (KeyboardView) act.findViewById(R.id.keyboard_view);  
                keyboardView.setKeyboard(k);  
                keyboardView.setEnabled(true);  
                keyboardView.setPreviewEnabled(true);
                keyboardView.setVisibility(View.VISIBLE);
                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) {  
                }  
                //一些特殊操作按键的codes是固定的比如完成、回退等
                @Override  
                public void onKey(int primaryCode, int[] keyCodes) {  
                        Editable editable = ed.getText();  
                        int start = ed.getSelectionStart();  
                        if (primaryCode == Keyboard.KEYCODE_DELETE) {// 回退  
                                if (editable != null && editable.length() > 0) {  
                                        if (start > 0) {  
                                                editable.delete(start - 1, start);  
                                        }  
                                }  
                        }else if (primaryCode == 4896) {// 清空 
                        	editable.clear();
                        } else { //将要输入的数字现在编辑框中 
                                editable.insert(start, Character.toString((char) primaryCode));  
                        }  
                }  
        };  
       
    public void showKeyboard() {  
        int visibility = keyboardView.getVisibility();  
        if (visibility == View.GONE || visibility == View.INVISIBLE) {  
            keyboardView.setVisibility(View.VISIBLE);  
        }  
    }  
}

接下来就是实现activity的视图布局文件了，文件名为input_pwd.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/viewbackground" >
    
	<LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="40dip"   
        android:gravity="center_vertical|center_horizontal"  
        android:orientation="horizontal" >  
        <TextView  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:textColor="@android:color/white"  
            android:textSize="22sp" 
            android:text="安全验证"/>  
    </LinearLayout>  
      <View 
          android:layout_width="fill_parent"
          android:layout_height="1dip"
          android:background="#ff00ff66"
          />
    <LinearLayout   
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_marginTop="20dip"  
        android:gravity="center_vertical|center_horizontal"  
        android:orientation="horizontal">  
          
        <ImageView   
            android:id="@+id/iv_lock_app_icon"  
            android:layout_width="48dip"  
            android:layout_height="48dip"   
            android:contentDescription="@string/hello_world"/>  
        <TextView  
            android:id="@+id/tv_lock_app_name"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginLeft="15dip"  
            android:textColor="#ffbc04e5"  
            android:text="@string/hello_world"/> 
             
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dip"
        
        android:orientation="horizontal" >

        <EditText
            android:id="@+id/et_lock_pwd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dip"
            android:layout_marginRight="5dip"
            android:layout_marginTop="20dip"
            android:layout_weight="0.36"
            android:background="#cccccc"
            android:hint="输入密码"
            android:inputType="textPassword"
            android:textSize="40dp" />

        <Button
            android:id="@+id/btn_confirm"
            android:layout_width="78dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dip"
            android:text="确定"
            android:textSize="20dp"  />
    </LinearLayout>
    
     <android.inputmethodservice.KeyboardView  
            android:id="@+id/keyboard_view"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            android:layout_marginTop="10dip"
            android:focusable="true"  
            android:focusableInTouchMode="true" 
            android:visibility="visible"
             />  
</LinearLayout>

最后就在你要执行activity，添加一些代码就行了，剩下的就和其他控件使用方式一样了，类名为LockAppActivity.java,内容如下：

package com.xinhui.ui;

import com.xinhui.appsystem.R;
import com.xinhui.service.WatchAppService;

import android.app.Activity;
import android.content.SharedPreferences;
import android.content.pm.ApplicationInfo;
import android.content.pm.PackageManager.NameNotFoundException;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.text.InputType;
import android.text.TextUtils;
import android.util.Log;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
/**
 * 类名称：LockAppActivity 
 * 类描述：系统锁页面
 * 创建人：LXH 
 * 创建时间：2013-10-21 上午10:30:00 
 */
public class LockAppActivity extends Activity implements OnClickListener,OnTouchListener{
	
	private ImageView ivLockAppIcon;
	private TextView tvLockAppName;
	private EditText etInputPwd;
	private Button btnConfirm;
	private String packageName;
	private String passWord;
	private SharedPreferences preferences;
	//public static boolean isLock;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.input_pwd);
		//WatchAppService.isLock = false;
		Log.e("test", "onCreate--->");
		ivLockAppIcon = (ImageView) findViewById(R.id.iv_lock_app_icon);  
		tvLockAppName = (TextView) findViewById(R.id.tv_lock_app_name);  
		etInputPwd = (EditText) findViewById(R.id.et_lock_pwd);
		etInputPwd.setOnTouchListener(this);
		btnConfirm = (Button) findViewById(R.id.btn_confirm);
		btnConfirm.setOnClickListener(this);
		packageName = getIntent().getStringExtra("packageName");
		
		try {
			//通过包名拿到applicationInfo
			ApplicationInfo appInfo = getPackageManager().getPackageInfo(packageName, 0).applicationInfo;
			//应用图标  
            Drawable app_icon = appInfo.loadIcon(getPackageManager());  
            //应用的名字  
            String app_name = appInfo.loadLabel(getPackageManager()).toString();
            ivLockAppIcon.setImageDrawable(app_icon);  
            tvLockAppName.setText(app_name);  
		} catch (NameNotFoundException e) {
			// TODO Auto-generated catch block
			 e.printStackTrace();
		}
		
	}
	//不让用户按后退键  
	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		// TODO Auto-generated method stub
		//屏蔽后退键  
        if(KeyEvent.KEYCODE_BACK == event.getKeyCode())  
        {  
            return true;//阻止事件继续向下分发  
        }  
        return super.onKeyDown(keyCode, event); 
	}

	@Override
	public void onClick(View v) {
		// TODO Auto-generated method stub
		String input = etInputPwd.getText().toString().trim();
		preferences = getSharedPreferences("passWord", MODE_PRIVATE);
		passWord = preferences.getString("pwd", "");
        if(TextUtils.isEmpty(input))  
        {  
            Toast.makeText(this, "密码不能为空", Toast.LENGTH_SHORT).show();  
        }  
        else if(passWord.equals(input))  
        { 
        	WatchAppService.lastRunningApp = WatchAppService.runningApp;//这里赋值，终于解决了反复弹出验证页面的BUG
            finish();  
        }  
        else  
        {  
            Toast.makeText(this, "密码错误", Toast.LENGTH_SHORT).show();
            etInputPwd.setText("");//置空
        }  
	}
	@Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		//这样是在触摸到控件时，软键盘才会显示出来
		int inputback = etInputPwd.getInputType();  
		etInputPwd.setInputType(InputType.TYPE_NULL);  
        new KeyboardUtil(this, this, etInputPwd).showKeyboard();  
        etInputPwd.setInputType(inputback); 
		return false;
	}
	
}

由于我的这个activity是其他activity调用的，并不是主界面的activity。上面就把实现的整个过程写完了，一个自定义的数字软键盘就实现了。

源码下载http://download.csdn.net/detail/lixinhuixin/6462065

Ac_Rambler

关注

4
点赞
踩
11

收藏

觉得还不错? 一键收藏
2
评论
【android开发】自定义数字软键盘的设计与实现（2）

上一篇我们说了关于自定义软键盘实现的相关原理，把两个主要的类介绍了一下，并看了一下源码的内容，那么今天实现起来就不会有什么疑惑了，每一步都会清晰了。好了，下面我们就把实现的具体步骤给大家介绍一下：首先在res下新建xml文件夹，在xml文件夹中新建symbols.xml文件，内如如下:
复制链接

扫一扫

专栏目录