欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

android仿支付宝、微信密码输入框效果

程序员文章站 2022-06-21 19:56:49
本文实例为大家分享了android密码输入框效果展示的具体代码,供大家参考,具体内容如下 老规矩,先看效果;这是现在商城类app中很常见的支付密码效果,首先说下这个不...

本文实例为大家分享了android密码输入框效果展示的具体代码,供大家参考,具体内容如下

android仿支付宝、微信密码输入框效果

老规矩,先看效果;这是现在商城类app中很常见的支付密码效果,首先说下这个不是自定义控件,是github上的开源库;
https://github.com/jungerr/gridpasswordview

下面主要说下这个开源库的用法和平时我们常用的几点功能;

想要使用这个开源库首先我们需要将库导入到咱们的项目中:

直接在app的build.gradle下添加如下代码

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

然后在布局中就可以使用了:

<com.jungly.gridpasswordview.gridpasswordview 
 android:id="@+id/pswview" 
 android:layout_width="match_parent" 
 android:layout_height="50dp" 
 android:layout_margin="15dp" 
 
 app:gpvgridcolor="#ffffff" 
 app:gpvlinecolor="#ebebeb" 
 app:gpvlinewidth="2dp" 
 app:gpvpasswordlength="6" 
 app:gpvpasswordtransformation="*" 
 app:gpvpasswordtype="numberpassword" 
 app:gpvtextcolor="#000000" 
 app:gpvtextsize="25sp" /> 

空行上面的就不在说了,都是常用的基本属性,我们主要看下下面这几个属性:

<!--app:gpvgridcolor="#ffffff"   背景顔色--> 
<!--app:gpvlinecolor="#ebebeb"   边框颜色--> 
<!--app:gpvlinewidth="2dp"    边框宽度--> 
<!--app:gpvpasswordlength="6"   设置密码长度--> 
<!--app:gpvpasswordtransformation="*" 你输入密码的时候显示的符号--> 
<!--app:gpvtextcolor="#000000"   设置输入密码的颜色--> 

如果我们项目中指示简单的需要支付密码的样式,其实非常简单,上面依赖库添加,然后布局设置之后直接获取密码即可
获取密码方法:

gridpasswordview.getpassword(); 

这里获取的密码就是你输入的密码;

如果没有其他功能到此就完事了,不过下面给大家说下有可能大家会用到几个方法:

//清空密码 
gridpasswordview.clearpassword(); 
//设置密码是否可见,后面需要一个boolean类型的参数 
gridpasswordview.setpasswordvisibility(isshow); 

//设置输入密码监听 
  gridpasswordview.setonpasswordchangedlistener(new gridpasswordview.onpasswordchangedlistener() { 
   //正在输入密码时执行此方法 
   public void ontextchanged(string psw) { 
    tv.settext("正在输入密码..."); 
   } 
   //输入密码完成时执行此方法 
   public void oninputfinish(string psw) { 
    tv.settext("输入完成"); 
   } 
  }); 

点击打开链接免费下载源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。