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

Android钱包支付之输入支付密码的实现步骤

这篇文章主要介绍了Android钱包支付之输入支付密码,需要的朋友可以参考下

一.小伙伴们在做钱包支付中,相信会有个绕不过去的输入支付密码页面。下面小编给个效果图:

898342572738938468.png

实现的原理很简单,要点如下:

a.自定义EditTextView
b.自定义EditTextView嵌套入Dialog中,点击紧贴软键盘弹出。
c.监听软键盘的弹出和收起事件,当软键盘收起,dialog也关闭。

二.下面开始讲述实现的步骤(围绕上面原理,按三个步骤阐述)。

步骤1.自定义EditTextView.这里,小编采用的解决方案是网上一个开源的EditTextView,源码如下:

public class PayPwdEditText extends RelativeLayout {
private EditText editText; //文本编辑框
private Context context;
private LinearLayout linearLayout; //文本密码的文本
private TextView[] textViews; //文本数组
private int pwdlength = 6; //密码长度, 默认6
private OnTextFinishListener onTextFinishListener;
public PayPwdEditText(Context context) {
  this(context, null);
}
public PayPwdEditText(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
}
public PayPwdEditText(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  this.cOntext= context;
}
/**
 * @param bgdrawable 背景drawable
 * @param pwdlength 密码长度
 * @param splilinewidth 分割线宽度
 * @param splilinecolor 分割线颜色
 * @param pwdcolor 密码字体颜色
 * @param pwdsize 密码字体大小
 */
public void initStyle(int bgdrawable, int pwdlength, float splilinewidth, int splilinecolor, int pwdcolor, int pwdsize)
{
  this.pwdlength = pwdlength;
  initEdit(bgdrawable);
  initShowInput(bgdrawable, pwdlength, splilinewidth, splilinecolor, pwdcolor, pwdsize);
}
/**
 * 初始化编辑框
 * @param bgcolor
 */
private void initEdit(int bgcolor)
{
  editText = new EditText(context);
  editText.setBackgroundResource(bgcolor);
  editText.setCursorVisible(false);
  editText.setTextSize(0);
  editText.setInputType(InputType.TYPE_NUMBER_VARIATION_PASSWORD | InputType.TYPE_CLASS_NUMBER);
  editText.setFilters(new InputFilter[]{new InputFilter.LengthFilter(pwdlength)});
  editText.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {
      Editable etext = editText.getText();
      Selection.setSelection(etext, etext.length());
    }
    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
    }
    @Override
    public void afterTextChanged(Editable s) {
      initDatas(s);
      if(s.length() == pwdlength)
      {
        if(onTextFinishListener != null)
        {
          onTextFinishListener.onFinish(s.toString().trim());
        }
      }
    }
  });
  LayoutParams lp = new LayoutParams(LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
  lp.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, RelativeLayout.TRUE);
  addView(editText, lp);
}
/**
 * @param bgcolor 背景drawable
 * @param pwdlength 密码长度
 * @param slpilinewidth 分割线宽度
 * @param splilinecolor 分割线颜色
 * @param pwdcolor 密码字体颜色
 * @param pwdsize 密码字体大小
 */
public void initShowInput(int bgcolor, int pwdlength, float slpilinewidth, int splilinecolor, int pwdcolor, int pwdsize)
{
  //添加密码框父布局
  linearLayout = new LinearLayout(context);
  linearLayout.setBackgroundResource(bgcolor);
  LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
  linearLayout.setLayoutParams(layoutParams);
  linearLayout.setOrientation(LinearLayout.HORIZONTAL);
  addView(linearLayout);
  //添加密码框
  textViews = new TextView[pwdlength];
  LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT);
  params.weight = 1;
  params.gravity = Gravity.CENTER;
  LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(dip2px(context, slpilinewidth), LayoutParams.MATCH_PARENT);
  for(int i = 0; i  0)
  {
    int length = s.length();
    for(int i = 0; i 

该PayPwdEditText使用方法也很简单:

a.调用initStyle方法创建你需要设置的样式(参数说明,详见源码里面有方法注释):

 final PayPwdEditText ppet = (PayPwdEditText) view.findViewById(R.id.dialog_ppet);
 /**
  * @param bgcolor 背景drawable
  * @param pwdlength 密码长度
  * @param slpilinewidth 分割线宽度
  * @param splilinecolor 分割线颜色
  * @param pwdcolor 密码字体颜色
  * @param pwdsize 密码字体大小
  */
 ppet.initStyle(R.drawable.edit_num_bg, 6, 0.33f, R.color.yellow, R.color.yellow, 30);

其中,背景R.drawable.edit_num_bg所对应的样式代码如下:

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


  
    
    
    
    
    
    
  

以上&&以下需要使用到的色值如下:

#151515
#fdd108
#00000000

b.设置密码输入完成后的回调:

 ppet.setOnTextFinishListener(new PayPwdEditText.OnTextFinishListener() {
    @Override
    public void onFinish(String str) {//密码输入完后的回调
      //手动收起软键盘
      InputMethodManager imm = (InputMethodManager)
          getSystemService(Context.INPUT_METHOD_SERVICE);
      imm.hideSoftInputFromWindow(ppet.getWindowToken(), 0);
      //支付密码输入框消失
      walletDialog.dismiss();
    }
  });

c.延迟弹起软键盘,使PayPwdEditText获取焦点:

 new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
      ppet.setFocus();
    }
  }, 100);

步骤2.自定义的EditTextView设置好了,那么,得将它放到Dialog中加以使用了:

 //将此方法放在按钮的点击事件中即可弹出输入支付密码页面
  private void showEditPayPwdDialog() {
  View view = getLayoutInflater().inflate(R.layout.dialog_et_paypwd, null);
  walletDialog = new Dialog(this, R.style.walletFrameWindowStyle);
  walletDialog.setContentView(view, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
  final Window window = walletDialog.getWindow();
  WindowManager.LayoutParams wl = window.getAttributes();
  //紧贴软键盘弹出
  wl.gravity = Gravity.BOTTOM;
  // 以下这两句是为了保证按钮可以水平满屏
  wl.width = ViewGroup.LayoutParams.MATCH_PARENT;
  wl.height = ViewGroup.LayoutParams.WRAP_CONTENT;
  walletDialog.onWindowAttributesChanged(wl);
  walletDialog.setCanceledOnTouchOutside(false);
  walletDialog.show();
  final PayPwdEditText ppet = (PayPwdEditText) view.findViewById(R.id.dialog_ppet);
  //调用initStyle方法创建你需要设置的样式
  ppet.initStyle(R.drawable.edit_num_bg, 6, 0.33f, R.color.yellow, R.color.yellow, 30);
  ppet.setOnTextFinishListener(new PayPwdEditText.OnTextFinishListener() {
    @Override
    public void onFinish(String str) {//密码输入完后的回调
      //手动收起软键盘
      InputMethodManager imm = (InputMethodManager)
          getSystemService(Context.INPUT_METHOD_SERVICE);
      imm.hideSoftInputFromWindow(ppet.getWindowToken(), 0);
      //支付密码输入框消失
      walletDialog.dismiss();
       //可在此执行下一步操作
    }
  });
  //延迟弹起软键盘,使PayPwdEditText获取焦点
  new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
      ppet.setFocus();
    }
  }, 100);
}

Dialog对应的xml文件代码如下(@dimen/y30等为小编采用的适配方案,大家可自行转换为等值的px):

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


  
    
    
  
 

Dialog对应的style样式如下:

 

步骤3:监听软键盘的弹出和收起事件,当软键盘收起,dialog也关闭。实现思路很简单:监听窗体的不可见区域的高度,判断是否大于屏幕高度的1/4即可(实现此步骤的目的是,当你点击软键盘中的收起按钮时,也能自行关闭Dialog)。

在Activity的onCreate方法中,加入如下代码即可实现监听:

 final View decorView = getWindow().getDecorView();
  decorView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
      Rect rect = new Rect();
      //1、获取main在窗体的可视区域
      decorView.getWindowVisibleDisplayFrame(rect);
      //2、获取main在窗体的不可视区域高度,在键盘没有弹起时,main.getRootView().getHeight()调节度应该和rect.bottom高度一样
      int mainInvisibleHeight = decorView.getRootView().getHeight() - rect.bottom;
      int screenHeight = decorView.getRootView().getHeight();//屏幕高度
      //3、不可见区域大于屏幕本身高度的1/4:说明键盘弹起了
      if (mainInvisibleHeight > screenHeight / 4) {   //软键盘显示
        LogUtils.d(TAG, "show------------" + rect.bottom + "----" + decorView.getRootView().getHeight());
      } else {                      //软键盘隐藏
        if (walletDialog!=null){        //在软键盘隐藏时,关闭Dialog。
          walletDialog.dismiss();
        }
      }
    }
  });

三.到此,就已经实现了输入支付密码的功能。随手分享,喜欢的朋友可以关注简书号MiHomes,后续会有更多更好的博客推送给您。

总结

以上所述是小编给大家介绍的Android 钱包支付之输入支付密码的实现步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • 本文详细探讨了在Android 8.0设备上使用ChinaCock的TCCBarcodeScanner进行扫码时出现的应用闪退问题,并提供了解决方案。通过调整配置文件,可以有效避免这一问题。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
author-avatar
kaxiaoliog_334
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有