Android的支付密码输入框实现浅析

概述先看一下效果图实现思路：变成点的控件不是TextView和EditText而是Imageview。首先写一个RelativeLayout里边包含6个ImageView和一个EditText(EditText要覆盖ImageView)将EditText的背景设置成透明。

先看一下效果图

实现思路：

变成点的控件不是TextVIEw和EditText而是ImagevIEw。首先写一个relativeLayout里边包含6个ImageVIEw和一个EditText(EditText要覆盖ImageVIEw)将EditText的背景设置成透明。

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="match_parent" androID:layout_height="wrap_content"> <linearLayout  androID:layout_wIDth="match_parent"  androID:layout_height="50dp"  androID:orIEntation="horizontal"  androID:background="@androID:color/white">  <ImageVIEw   androID:ID="@+ID/item_password_iv1"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/>  <ImageVIEw   androID:ID="@+ID/item_password_iv2"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/>  <ImageVIEw   androID:ID="@+ID/item_password_iv3"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/>  <ImageVIEw   androID:ID="@+ID/item_password_iv4"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/>  <ImageVIEw   androID:ID="@+ID/item_password_iv5"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/>  <ImageVIEw   androID:ID="@+ID/item_password_iv6"   androID:layout_wIDth="0dp"   androID:layout_height="match_parent"   androID:layout_weight="1"   androID:src="@mipmap/nopassword"/> </linearLayout> <EditText  androID:ID="@+ID/item_edittext"  androID:layout_wIDth="match_parent"  androID:layout_height="50dp"  androID:background="@androID:color/transparent"/></relativeLayout>

自定义一个控件ItemPasswordLayout，用来给布局做一些处理，重点是将EditText的光标去掉，并监听输入文字的事件在文字变化后将文字放在一个StringBuffer中，并将edittext设置为"";再监听按下键盘删除键的事件，当按下删除键后会将StringBuffer中删除相应位置的字符。

/** * 密码输入框的控件布局 * Created by Went_Gone on 2016/9/14. */public class ItemPasswordLayout extends relativeLayout{ private EditText editText; private ImageVIEw[] imageVIEws;//使用一个数组存储密码框 private StringBuffer stringBuffer = new StringBuffer();//存储密码字符 private int count = 6; private String strPassword;//密码字符串 public ItemPasswordLayout(Context context) {  this(context,null); } public ItemPasswordLayout(Context context,AttributeSet attrs) {  this(context,attrs,0); } public ItemPasswordLayout(Context context,AttributeSet attrs,int defStyleAttr) {  super(context,defStyleAttr);  imageVIEws = new ImageVIEw[6];  VIEw vIEw = VIEw.inflate(context,R.layout.item_password,this);  editText = (EditText) findVIEwByID(R.ID.item_edittext);  imageVIEws[0] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv1);  imageVIEws[1] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv2);  imageVIEws[2] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv3);  imageVIEws[3] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv4);  imageVIEws[4] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv5);  imageVIEws[5] = (ImageVIEw) findVIEwByID(R.ID.item_password_iv6);  editText.setCursorVisible(false);//将光标隐藏  setListener(); } private voID setListener() {  editText.addTextChangedListener(new TextWatcher() {   @OverrIDe   public voID beforeTextChanged(CharSequence charSequence,int i,int i1,int i2) {   }   @OverrIDe   public voID onTextChanged(CharSequence charSequence,int i2) {   }   @OverrIDe   public voID afterTextChanged(Editable editable) {    //重点 如果字符不为""时才进行 *** 作    if (!editable.toString().equals("")) {     if (stringBuffer.length()>5){      //当密码长度大于5位时edittext置空      editText.setText("");      return;     }else {      //将文字添加到StringBuffer中      stringBuffer.append(editable);      editText.setText("");//添加后将EditText置空 造成没有文字输入的错局      Log.e("TAG","afterTextChanged: stringBuffer is "+stringBuffer);      count = stringBuffer.length();//记录stringbuffer的长度      strPassword = stringBuffer.toString();      if (stringBuffer.length()==6){       //文字长度位6 则调用完成输入的监听       if (inputCompleteListener!=null){        inputCompleteListener.inputComplete();       }      }     }     for (int i =0;i<stringBuffer.length();i++){      imageVIEws[i].setimageResource(R.mipmap.ispassword);     }    }   }  });  editText.setonKeyListener(new OnKeyListener() {   @OverrIDe   public boolean onKey(VIEw v,int keyCode,KeyEvent event) {    if (keyCode == KeyEvent.KEYCODE_DEL      && event.getAction() == KeyEvent.ACTION_DOWN) {//     Log.e("TAG","afterTextChanged: stringBuffer is "+stringBuffer);     if (onKeyDelete()) return true;     return true;    }    return false;   }  }); } public boolean onKeyDelete() {  if (count==0){   count = 6;   return true;  }  if (stringBuffer.length()>0){   //删除相应位置的字符   stringBuffer.delete((count-1),count);   count--;   Log.e("TAG","afterTextChanged: stringBuffer is "+stringBuffer);   strPassword = stringBuffer.toString();   imageVIEws[stringBuffer.length()].setimageResource(R.mipmap.nopassword);  }  return false; } @OverrIDe public boolean onKeyDown(int keyCode,KeyEvent event) {  return super.onKeyDown(keyCode,event); } private inputCompleteListener inputCompleteListener; public voID setinputCompleteListener(inputCompleteListener inputCompleteListener) {  this.inputCompleteListener = inputCompleteListener; } public interface inputCompleteListener{  voID inputComplete(); } public EditText getEditText() {  return editText; } /**  * 获取密码  * @return  */ public String getStrPassword() {  return strPassword; } public voID setContent(String content){  editText.setText(content); }}

接下来只需要在Activity调用就可以了。

在xml中声明

 <com.example.went_gone.demo.vIEw.ItemPasswordLayout  androID:ID="@+ID/act_zhifubao_IPLayout"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"> </com.example.went_gone.demo.vIEw.ItemPasswordLayout>

在Activity中调用

 itemPasswordLayout = (ItemPasswordLayout) findVIEwByID(R.ID.act_zhifubao_IPLayout);  itemPasswordLayout.setinputCompleteListener(new ItemPasswordLayout.inputCompleteListener() {   @OverrIDe   public voID inputComplete() {    Toast.makeText(ZhifubaoActivity.this,"密码是："+itemPasswordLayout.getStrPassword(),Toast.LENGTH_SHORT).show();   }  });

总结

好了，本文的内容到这就结束了，如此就可以了，是不是很简单。希望这篇文章能对大家的学习或者工作带来一定的帮助，如果有疑问大家可以留言交流。

总结

以上是内存溢出为你收集整理的Android的支付密码输入框实现浅析全部内容，希望文章能够帮你解决Android的支付密码输入框实现浅析所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。