Android仿支付宝、京东的密码键盘和输入框

Android仿支付宝、京东的密码键盘和输入框,第1张

概述首先看下效果图一:布局代码键盘由0~9的数字,删除键和完成键组成,也可以根据需求通过GridView适配器的getItemViewType方法来定义。点击键的时候背景有变色的效果。

首先看下效果图

一:布局代码

键盘由0~9的数字,删除键和完成键组成,也可以根据需求通过GrIDVIEw适配器的getItemVIEwType方法来定义。点击键的时候背景有变色的效果。

密码输入框由六个EditText组成,每个输入框最对能输入一个数字,监听最后一个输入框来完成密码输入结束的监听。

二:键盘

键盘中的主要逻辑处理,键盘样式,item的点击事件

@OverrIDepublic int getVIEwTypeCount() {  return 2;}@OverrIDepublic int getItemVIEwType(int position) {  return (getItemID(position) == KEY_NINE) ? 2 : 1;}@OverrIDepublic VIEw getVIEw(int position,VIEw convertVIEw,VIEwGroup parent) {  VIEwHolder vIEwHolder = null;  if (convertVIEw == null) {    if (getItemVIEwType(position) == 1) {      //数字键      convertVIEw = LayoutInflater.from(context).inflate(R.layout.item_grID_keyboard,parent,false);      vIEwHolder = new VIEwHolder(convertVIEw);    } else {      //删除键      convertVIEw = LayoutInflater.from(context).inflate(R.layout.item_grID_keyboard_delete,false);    }  }  if (getItemVIEwType(position) == 1) {    vIEwHolder = (VIEwHolder) convertVIEw.getTag();    vIEwHolder.tvKey.setText(key[position]);  }  return convertVIEw;}

三:密码输入框

密码输入框要处理的逻辑有删除、输入、输入完成回调等

/** * 输入密码,根据StringBuilder中数据的多少进行逻辑判断 * @param value */public voID add(String value) {  if (mPassword != null && mPassword.length() < 6) {    mPassword.append(value);//此处先添加到StringBuilder中,再在输入框中显示    if (mPassword.length() == 1) {      tvFirst.setText(value);    } else if (mPassword.length() == 2) {      tvSecond.setText(value);    }else if (mPassword.length() == 3) {      tvThird.setText(value);    }else if (mPassword.length() == 4) {      tvForth.setText(value);    }else if (mPassword.length() == 5) {      tvFifth.setText(value);    }else if (mPassword.length() == 6) {      tvSixth.setText(value);    }  }}/** * 删除密码,根据StringBuilder中数据的多少进行逻辑判断 */public voID remove() {  if (mPassword != null && mPassword.length() > 0) {    if (mPassword.length() == 1) {      tvFirst.setText("");    } else if (mPassword.length() == 2) {      tvSecond.setText("");    }else if (mPassword.length() == 3) {      tvThird.setText("");    }else if (mPassword.length() == 4) {      tvForth.setText("");    }else if (mPassword.length() == 5) {      tvFifth.setText("");    }else if (mPassword.length() == 6) {      tvSixth.setText("");    }    mPassword.deleteCharat(mPassword.length() - 1);  }}

获取完整密码

/** * 返回完整密码 * @return  */public String getText() {  return (mPassword == null) ? null : mPassword.toString();}

四:实际应用

布局,也可以把键盘拆分开来,当输入的时候从窗口下方滑入

<?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="match_parent">  <com.github.phoenix.Widget.PayEditText    androID:ID="@+ID/PayEditText_pay"    androID:layout_wIDth="match_parent"    androID:layout_margintop="20dp"    androID:paddingleft="12dp"    androID:layout_alignParenttop="true"    androID:paddingRight="12dp"    androID:layout_height="48dp"/>  <com.github.phoenix.Widget.Keyboard    androID:ID="@+ID/KeyboardVIEw_pay"    androID:layout_alignParentBottom="true"    androID:layout_wIDth="match_parent"    androID:layout_height="300dp"/></relativeLayout>

代码中

//键private static final String[] KEY = new String[] {      "1","2","3","4","5","6","7","8","9","<<","0","完成"  };//设置键盘keyboard.setKeyboardKeys(KEY);//键盘键的点击事件keyboard.setonClickKeyboardListener(new Keyboard.OnClickKeyboardListener() {  @OverrIDe  public voID onKeyClick(int position,String value) {    if (position < 11 && position != 9) {      payEditText.add(value);    } else if (position == 9) {      payEditText.remove();    }else if (position == 11) {      //当点击键盘上的完成按钮时,也可以通过payEditText.getText()获取密码,此时不应该注册OninputFinishedListener接口      Toast.makeText(getApplication(),"您的密码是:" + payEditText.getText(),Toast.LENGTH_SHORT).show();      finish();    }  }});//当密码输入完成时的回调payEditText.setoninputFinishedListener(new PayEditText.OninputFinishedListener() {  @OverrIDe  public voID oninputFinished(String password) {    Toast.makeText(getApplication(),"您的密码是:" + password,Toast.LENGTH_SHORT).show(); }});

总结

好了,以上就是这篇文章的全部内容了,希望本文的内容对各位AndroID开发者们能有所帮助,如果有疑问大家可以留言交流。

总结

以上是内存溢出为你收集整理的Android仿支付宝、京东的密码键盘和输入框全部内容,希望文章能够帮你解决Android仿支付宝、京东的密码键盘和输入框所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147964.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存