仿支付宝/微信的password输入框效果GridPasswordView解析,把一些设置和一些关键的地方列了出来,方便大家使用,可能能够省一部分的时间,也算是自己的积累吧。

1.password框能够输入的类型PasswordType

public enum PasswordType {NUMBER, TEXT, TEXTVISIBLE, TEXTWEB;
}

这里能够自行加入类型,然后在GridPasswordView中改动

    @Overridepublic void setPasswordType(PasswordType passwordType) {boolean visible = getPassWordVisibility();int inputType = InputType.TYPE_CLASS_NUMBER | InputType.TYPE_NUMBER_VARIATION_PASSWORD;switch (passwordType) {case TEXT:inputType = InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD;break;case TEXTVISIBLE:inputType = InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD;break;case TEXTWEB:inputType = InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_WEB_PASSWORD;break;}for (TextView textView : viewArr)textView.setInputType(inputType);setPasswordVisibility(visible);}

2.PasswordView中的抽象方法的作用

interface PasswordView {//获取passwordString getPassWord();//清空passwordvoid clearPassword();//设置passwordvoid setPassword(String password);//设置password可见性void setPasswordVisibility(boolean visible);//password可见性的切换void togglePasswordVisibility();//设置password改变监听void setOnPasswordChangedListener(GridPasswordView.OnPasswordChangedListener listener);//设置password类型void setPasswordType(PasswordType passwordType);
}

3.GridPasswordView中还有些方法没有去操作。有须要能够自己去写

setBackground(Drawable)
setBackgroundColor(int)
setBackgroundResource(int)
setBackgroundDrawable(Drawable)

这个类是View的主类。能够通过这个类去满足你的需求

4.在GridPasswordView中设置框框颜色和背景颜色(绿色和红色)

private static final int DEFAULT_LINECOLOR = 0xaa61cea8;
private static final int DEFAULT_GRIDCOLOR = 0xffe66961;

5.设置文本的大小和颜色(40px和蓝色)

private static final int DEFAULT_TEXTSIZE = 40;
textColor = ColorStateList.valueOf(getResources().getColor(android.R.color.holo_blue_light));

6.在gridpasswordview_styles.xml中设置了样式,大家依据须要更改

    <style name="GridPasswordView.TextView"><item name="android:layout_width">0dp</item><item name="android:layout_height">match_parent</item><item name="android:background">@null</item><item name="android:gravity">center</item><item name="android:layout_weight">1</item><item name="android:singleLine">true</item></style><style name="GridPasswordView.EditText" parent="GridPasswordView.TextView"><item name="android:cursorVisible">false</item></style><style name="GridPasswordView.Divider"><item name="android:layout_width">1dp</item><item name="android:layout_height">match_parent</item><item name="android:layout_marginTop">1dp</item><item name="android:layout_marginBottom">1dp</item></style>

7.在gridpasswordview_attr.xml设置属性值

    <declare-styleable name="gridPasswordView"><attr name="textColor" format="color|reference" /><attr name="textSize" format="dimension" /><attr name="lineColor" format="color" /><attr name="gridColor" format="color" /><attr name="lineWidth" format="dimension" /><attr name="passwordLength" format="integer" /><attr name="passwordTransformation" format="string" /><attr name="passwordType" format="enum"><enum name="numberPassword" value="0" /><enum name="textPassword" value="1" /><enum name="textVisiblePassword" value="2" /><enum name="textWebPassword" value="3" /></attr></declare-styleable>

8.效果图

源代码下载地址;http://download.csdn.net/detail/pcaxb/8980873

转载于:https://www.cnblogs.com/yutingliuyl/p/7110253.html

仿支付宝/微信的password输入框效果GridPasswordView解析相关推荐

  1. android支付宝支付微信支付封装,Android仿支付宝微信支付密码界面弹窗封装dialog...

    一,功能效果 二,实现过程 1,先写xml文件:dialog_keyboard.xml 注意事项 (1),密码部分用的是一个线性布局中6个TextView,并设置android:inputType=& ...

  2. 支付宝 android ui,Android 仿支付宝芝麻信用分仪表盘效果 CreditSesameRingView

    软件介绍 自定义View之仿支付宝芝麻信用分仪表盘效果,喜欢的话,请给个star,谢谢. 使用添加项目依赖Add it in your root build.gradle at the end of  ...

  3. android开发游记:仿支付宝余额数字累加滚动效果的实现

    支付宝更新9.0后,细心的朋友会发现新增了一个动画效果,就是进入我的钱包的时候,我的余额会有一段滚动显示的动画效果,比如说你有100块,余额就从0滚动到100,看到自己的钱在不断涨,让我们这些穷屌丝莫 ...

  4. html仿支付宝个人中心,HTML仿支付宝/微信账单交互效果

    这几天做账单列表,看见支付宝的账单的体验很舒服,于是自己想仿一个出来.但是过程中遇到了问题当时思前想后想用js来判断容器的位置,让容器之间相互产生交互.无奈自己太年轻了. 导致很多兼容不断在修复,于是 ...

  5. 简单自定义Popwindow,仿支付宝微信密码输入弹出框

    因APP增加了钱包功能,所以APP支付是迫在眉睫的事,市场上大多数的支付界面都是大同小异,因此写了下自定义PopupWindow,简单模仿下支付宝,本人也不常用PopupWindow,写的不好,希望大 ...

  6. 仿支付宝微信提现输入判断

    下面是支付宝,微信充值要求的可以输入什么值不可以输入什么值要求,保留俩位有效数字,其他等等 mMoney.addTextChangedListener(new TextWatcher() { @Ove ...

  7. Android 仿芝麻信用进度条,自定义View仿支付宝芝麻信用分仪表盘效果

    image 前言 灵感来自几天前看到一位作者的仿芝麻信用自定义View的文章很不错,所以我换了一种方式来进行实现,写了旧版和新版芝麻信用分仪表盘的效果. 截图 这是我做的效果,还是有点差距的,嘿嘿. ...

  8. 自定义View仿支付宝芝麻信用分仪表盘效果

    前言 灵感来自几天前看到一位作者的仿芝麻信用自定义View的文章很不错,所以我换了一种方式来进行实现,写了旧版和新版芝麻信用分仪表盘的效果. Github地址: https://github.com/ ...

  9. 微信支付页面模板html,jQuery仿手机微信支付输入密码界面效果

    js代码 $(function(){ //出现浮动层 $(".ljzf_but").click(function(){ $(".ftc_wzsf").show( ...

最新文章

  1. 算法-- 删除排序链表中的重复元素(Java)
  2. ReentrantLock与公平锁、非公平锁实现
  3. 数据库事务的隔离机制
  4. MATLAB基础教程(9)——高级积分运算、二重积分
  5. php blowfish 解密,PHP blowfish 加密解密函数
  6. Python多线程编程方式1(转)
  7. BZOJ4516: [Sdoi2016]生成魔咒(后缀自动机)
  8. untiy对过相机参数计算视场角
  9. c语言程序运行时可以从键盘上读入,C语言程序设计题库之
  10. Java中NumberFormat格式化数字
  11. bada开发tips
  12. python文字处理dummy_python学习之使用multiprocessing.dummy多线程爬虫
  13. verilog实数函数
  14. 重磅!中国芯片新锐50强榜单发布,上海20家、北京仅4家!(附:详细解读)...
  15. pm2启动node项目
  16. 用js代码实现四位验证码
  17. python课题报告_2019-2020-1 《python程序设计》20192428魏来 综合实践报告
  18. mysql查询周边商铺_基于Mysql5.7实现查找附近的店铺
  19. NFT游戏开发元宇宙游戏开发游戏源码+搭建
  20. 广播风暴原因可能及排除方法

热门文章

  1. 何必分个孰优孰劣呢?!
  2. 2019-2020-3 《Java 程序设计》第三周知识总结
  3. .NET Core 2.1改进了性能,并提供了新的部署选项
  4. 浅谈Java的输入输出流
  5. Java Web(11) Spring MVC 返回Json
  6. 企业设置“蜜罐”的五大理由
  7. php-curl小记
  8. puppet 手册之puppet rsync 模块应用完整版
  9. 交互设计实用指南系列 – 我们眼中的交互设计
  10. javascript 未结束字符串