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

0、前言

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

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

 

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

public PasswordInputView(Context context, String payMoney, List<String> 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文件如下所示：

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="PasswordEditText">
        <attr name="borderWidth" format="dimension"/>
        <attr name="borderColor" format="color"/>
        <attr name="borderRadius" format="dimension"/>
        <attr name="password