热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android仿支付宝自定义密码输入框及安全键盘(密码键盘)

这篇文章主要介绍了Android仿支付宝自定义密码输入框及安全键盘(密码键盘),需要的朋友可以参考下

 0、前言

 之前做过的项目里有运用到一个支付场景:用户办理业务时需要输入交易密码,并且可根据平台下发的支付方式进行选择。这与支付宝的密码输入方式十分相似,如果使用Android系统或者第三方软件的键盘,会有密码泄露的风险。因此,大多数的应用软件使用的是自定义的密码输入框及安全键盘。

 由于密码输入方式需要实现一个从底部弹出的效果,因此总体上决定采用BottomSheetDialog来进行封装,同时为了提高安全性,还应该随机生成键盘上的数字,界面如下图所示:

  

 首先新建一个PasswordInputView类,将需要使用到的Context对象、支付金额、可支持的支付方式等数据,作为该类构造方法的参数进行传递。下文还将提到该类有一个回调方法,当用户输入的密码满足六位时,可以在回调方法中获取密码并显示出来。PasswordInputView类的构造方法如下所示:

public PasswordInputView(Context context, String payMoney, List payWayList) { 
 this.cOntext= context; 
 this.payMOney= payMoney; 
 this.payWayList = payWayList; 
 payPwdDialog = new BottomSheetDialog(context); 
 View view = LayoutInflater.from(context).inflate(R.layout.dialog_pay_pwd, null, false); 
 initStep1(view); 
 initStep2(view); 
 llyPwdInputView = (LinearLayout) view.findViewById(R.id.lly_pwd_input_view); 
 llyPayWaySelect = (LinearLayout) view.findViewById(R.id.lly_pay_way_select); 
 showStep1(); // 显示第一页 
} 

1、自定义密码输入框

 因为不能明文显示输入的密码,所以使用“●”来代替每位密码。自定义密码输入框涉及到的自定义属性,主要包括:输入框的大小、颜色、圆角半径以及密码圆点的大小、颜色、半径。因此,自定义属性attrs.xml文件如下所示:

<&#63;xml version="1.0" encoding="utf-8"&#63;> 
 
  
   
   
   
   
   
   
   
  
 

 接下来就需要去绘制自定义控件了。首先获取自定义属性,然后在onDraw()中进行绘制,代码如下所示:

package com.syd.paypwddialogdemo; 
import static android.graphics.Paint.ANTI_ALIAS_FLAG; 
import android.content.Context; 
import android.content.res.Resources; 
import android.content.res.TypedArray; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.RectF; 
import android.support.v7.widget.AppCompatEditText; 
import android.util.AttributeSet; 
/** 
 * 自定义密码输入框 
 */ 
public class PasswordEditText extends AppCompatEditText { 
 private int textLength; 
 private int borderColor; 
 private float borderWidth; 
 private float borderRadius; 
 private int passwordLength; 
 private int passwordColor; 
 private float passwordWidth; 
 private float passwordRadius; 
 private Paint passwordPaint = new Paint(ANTI_ALIAS_FLAG); 
 private Paint borderPaint = new Paint(ANTI_ALIAS_FLAG); 
 private final int defaultCOntMargin= 5; 
 private final int defaultSplitLineWidth = 3; 
 public PasswordEditText(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  final Resources res = getResources(); 
  final int defaultBorderColor = res.getColor(R.color.colorGray); 
  final float defaultBorderWidth = res.getDimension(R.dimen.default_ev_border_width); 
  final float defaultBorderRadius = res.getDimension(R.dimen.default_ev_border_radius); 
  final int defaultPasswordLength = res.getInteger(R.integer.default_ev_password_length); 
  final int defaultPasswordColor = res.getColor(R.color.colorBlack); 
  final float defaultPasswordWidth = res.getDimension(R.dimen.default_ev_password_width); 
  final float defaultPasswordRadius = res.getDimension(R.dimen.default_ev_password_radius); 
  TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.PasswordEditText, 0, 0); 
  try { 
   borderColor = a.getColor(R.styleable.PasswordEditText_borderColor, defaultBorderColor); 
   borderWidth = a.getDimension(R.styleable.PasswordEditText_borderWidth, defaultBorderWidth); 
   borderRadius = a.getDimension(R.styleable.PasswordEditText_borderRadius, defaultBorderRadius); 
   passwordLength = a.getInt(R.styleable.PasswordEditText_passwordLength, defaultPasswordLength); 
   passwordColor = a.getColor(R.styleable.PasswordEditText_passwordColor, defaultPasswordColor); 
   passwordWidth = a.getDimension(R.styleable.PasswordEditText_passwordWidth, defaultPasswordWidth); 
   passwordRadius = a.getDimension(R.styleable.PasswordEditText_passwordRadius, defaultPasswordRadius); 
  } finally { 
   a.recycle(); 
  } 
  borderPaint.setStrokeWidth(borderWidth); 
  borderPaint.setColor(borderColor); 
  passwordPaint.setStrokeWidth(passwordWidth); 
  passwordPaint.setStyle(Paint.Style.FILL); 
  passwordPaint.setColor(passwordColor); 
 } 
 @Override 
 protected void onDraw(Canvas canvas) { 
  int width = getWidth(); 
  int height = getHeight(); 
  RectF rect = new RectF(0, 0, width, height); 
  borderPaint.setColor(borderColor); 
  canvas.drawRoundRect(rect, borderRadius, borderRadius, borderPaint); 
  RectF rectIn = new RectF(rect.left + defaultContMargin, rect.top + defaultContMargin, 
    rect.right - defaultContMargin, rect.bottom - defaultContMargin); 
  borderPaint.setColor(Color.WHITE); 
  canvas.drawRoundRect(rectIn, borderRadius, borderRadius, borderPaint); 
  borderPaint.setColor(borderColor); 
  borderPaint.setStrokeWidth(defaultSplitLineWidth); 
  for (int i = 1; i 

2、安全键盘的实现

 安全键盘主要是通过GridView来实现,上文提到为了保证安全性,在安全键盘初始化的时候,应该随机生成键盘上的数字,代码如下所示:

/** 
 * 初始化密码键盘 
 */ 
private void initKeyboard() { 
 final int number = 10; 
 int[] keys = new int[number]; 
 for (int i = 0; i <10; i++) { 
  keys[i] = i; 
 } 
 // 随机生成键盘数字 
 Random random = new Random(); 
 for (int i = 0; i (); 
 for (int i = 0; i <12; i++) { 
  Map map = new HashMap<>(); 
  if (i <9) { 
   map.put("num", String.valueOf(keys[i])); 
  } else if (i == 9) { 
   map.put("num", ""); 
  } else if (i == 10) { 
   map.put("num", String.valueOf(keys[9])); 
  } else if (i == 11) { 
   map.put("num", ""); 
  } 
  numList.add(map); 
 } 
 KeyAdapter keyAdapter = new KeyAdapter(context, numList, handler); 
 gvKeyboard.setAdapter(keyAdapter); 
} 

 安全键盘点击事件的处理,是在适配器KeyAdapter的构造方法中传入Handler对象,通过收发消息的方式在PasswordInputView类中处理的,代码如下所示:

holder.btnKey.setOnClickListener(new View.OnClickListener() { 
 @Override 
 public void onClick(View v) { 
  Message msg = new Message(); 
  msg.what = Constants.KEYBOARD_INPUT; 
  msg.obj = position; 
  handler.sendMessage(msg); 
 } 
}); 

 Handler对象在PasswordInputView类中定义,主要用于处理安全键盘的点击事件,代码如下所示:

Handler handler = new Handler() { 
 @Override 
 public void dispatchMessage(Message msg) { 
  switch (msg.what) { 
   case Constants.KEYBOARD_INPUT: 
    int position = (int) msg.obj; 
    if (position <11 && position != 9) { 
     // 点击0-9按键 
     password = etPwd.getText().append(numList.get(position).get("num")).toString(); 
     etPwd.setText(password); 
    } else { 
     if (position == 11) { 
      // 点击退格键 
      if (!TextUtils.isEmpty(password) && !password.equals("")) { 
       password = etPwd.getText().delete(password.length() - 1, password.length()).toString(); 
       etPwd.setText(password); 
      } 
     } 
    } 
    break; 
  } 
 } 
}; 

 为了方便外部获取到用户输入的密码,设计一个回调接口OnPwdInputListener,并在PasswordInputView类中为回调接口创建一个set方法,代码如下所示:

package com.syd.paypwddialogdemo; 
public interface OnPwdInputListener { 
 void onPwdInput(String password); 
} 

 当PasswordEditText控件的TextWatcher对象监听到输入的密码满足六位时,调用回调方法,将密码作为参数进行传递,代码如下所示:

textWatcher = new TextWatcher() { 
 @Override 
 public void afterTextChanged(Editable s) { 
  if (etPwd.getText().length() == 6) { 
   onPwdInputListener.onPwdInput(etPwd.getText().toString()); 
  } 
 } 
}; 
etPwd.addTextChangedListener(textWatcher); 

在外部调用set方法,创建OnPwdInputListener对象,重写回调方法,即可获取到用户输入的密码,代码如下所示:

pwdInputView.setOnPwdInputListener(new OnPwdInputListener() { 
 @Override 
 public void onPwdInput(String password) { 
  Toast.makeText(MainActivity.this, password, Toast.LENGTH_SHORT).show(); 
 } 
}); 

3、结语

 以上介绍了自定义密码输入框及安全键盘的大致实现思路,对源码感兴趣的小伙伴可以点击下载Demo,查看具体的实现过程及演示效果。


推荐阅读
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 题库来源:安全生产模拟考试一点通公众号小程序G3锅炉水处理报名考试是安全生产模拟考试一点通生成的,G3锅炉水处理证模拟考试题库是根据G3锅炉水处理最新 ... [详细]
  • 本文详细介绍了 Java 中 org.apache.xmlbeans.SchemaType 类的 getBaseEnumType() 方法,提供了多个代码示例,并解释了其在不同场景下的使用方法。 ... [详细]
author-avatar
zoey
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有