开源项目GridPasswordView使用和源码分析

关注

VIP免费原创最新推荐文章于 2026-09-29 12:00:21 发布 7k 阅读 AI 写同款· GEO 优化 ›

一款简洁可自定义样式密码框输入组件GridPasswordView 通过继承TextView自定义实现的一款密码输入组件GridPasswordView，先上效果图：动态效果图：这里我根据自己经验做了样式定义与适配适配：对于一些需求要求每个密码框式正方形也做了适配支持定义密码框长度，密码可以明文或者密码显示根据android的inputType类型来确认增加闪动光标，可自定义样式只需要在xml中定义显示样式就可以：<com.ttarfall.gri 阅读详情

GridPasswordView是一个密码输入视图，类似于微信或支付宝的支付密码视图。可以设置文字颜色和大小、分割线颜色、密码的长度。

项目地址：
https://github.com/Jungerr/GridPasswordView
其中包含项目源码和示例代码。

运行效果图：

一、项目使用
(1).在工程的build.gradle文件中添加项目引用。

dependencies {
    compile 'com.jungly:gridPasswordView:0.3'
}

(2).在布局中添加GridPasswordView。

<com.jungly.gridpasswordview.GridPasswordView
    android:id="@+id/gridpassword"
    android:layout_width="match_parent"
    android:layout_height="50dp" />

(3).添加Java代码。

GridPasswordView gridPasswordView = findViewById(R.id.gridpassword);
gridPasswordView.setOnPasswordChangedListener(new GridPasswordView.OnPasswordChangedListener() {
    @Override
    public void onTextChanged(String psw) {
        // add your code here
    }

    @Override
    public void onInputFinish(String psw) {
        // add your code here
    }
});

二、源码分析
实现原理：
整个网格密码输入框最外层是一个水平方向的LinearLayout，内部包括显示密码的View和垂直分隔线View。而多个显示密码的View中，第一个位置放置的是EditText，其余均为TextView。如图所示。

当LinearLayout被点击时，让EditText获取焦点并弹出软键盘。定义一个String类型数组保存已输入的密码，当监听到EditText有新的字符输入时，截取下来保存到数组中，并保持EditText中始终只存在一个字符。每当监听到EditText的退格键时，删除String数组的最后一条数据。最后遍历String数组得到的就是用户输入的密码。