Android仿支付宝支付密码输入框

实现一个仿支付宝支付密码的输入框，主要实现如下：

PasswordView.java

package com.jackie.alipay.password;import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Build;
import android.util.AttributeSet;
import android.widget.EditText;
import android.widget.Toast;/*** Created by Administrator on 2016/10/31.*/public class PasswordView extends EditText {private Paint mBorderPaint;     //外框画笔private Paint mLinePaint;       //线的画笔private Paint mPasswordPaint;   //密码画笔private int mPasswordTextLength;  //输入密码的长度private int mWidth;private int mHeight;private static final int PASSWORD_LENGTH = 6;//密码的长度private static final int PASSWORD_RADIUS = 15;public PasswordView(Context context) {this(context, null);}public PasswordView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public PasswordView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);initView();}private void initView() {setFocusable(true);mBorderPaint = new Paint();mBorderPaint.setStrokeWidth(8);mBorderPaint.setColor(Color.WHITE);mBorderPaint.setStyle(Paint.Style.FILL);mLinePaint = new Paint();mLinePaint.setColor(Color.parseColor("#838B8B"));mLinePaint.setStrokeWidth(4);mPasswordPaint = new Paint();mPasswordPaint.setColor(Color.BLACK);mPasswordPaint.setStrokeWidth(12);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);mWidth = getMeasuredWidth();mHeight = getMeasuredHeight();drawRoundRect(canvas);drawLine(canvas);drawPassword(canvas);}/*** 绘制圆角矩形背景* @param canvas*/@TargetApi(Build.VERSION_CODES.LOLLIPOP)private void drawRoundRect(Canvas canvas) {canvas.drawRoundRect(0, 0, mWidth, mHeight, 12, 12, mBorderPaint);}/*** 绘制分割线* @param canvas*/private void drawLine(Canvas canvas) {for (int i = 1; i < PASSWORD_LENGTH; i++) {float x = mWidth * i / PASSWORD_LENGTH;canvas.drawLine(x, 12, x, mHeight - 12, mLinePaint);}}/*** 绘制密码* @param canvas*/private void drawPassword(Canvas canvas) {float cx, cy = mHeight / 2;float half = mWidth / PASSWORD_LENGTH / 2;for (int i = 0; i < mPasswordTextLength; i++) {cx = mWidth * i / PASSWORD_LENGTH + half;canvas.drawCircle(cx, cy, PASSWORD_RADIUS, mPasswordPaint);}}@Overrideprotected void onTextChanged(CharSequence text, int start, int lengthBefore, int lengthAfter) {super.onTextChanged(text, start, lengthBefore, lengthAfter);mPasswordTextLength = text.toString().length();if (mPasswordTextLength == PASSWORD_LENGTH) {Toast.makeText(getContext(), "您设置的密码为: " + text, Toast.LENGTH_SHORT).show();;}invalidate();}public void reset(){setText("");invalidate();}
}

效果图如下：

Android仿支付宝支付密码输入框相关推荐

android绑定支付宝支付宝支付宝支付密码错误,Android 仿支付宝支付密码输入框
看到网友:http://www.jointforce.com/jfperiodical/article/3527?ref=myread 做的仿支付宝支付密码输入框,感觉挺适合初学自定义view的同仁练 ...
Android 仿支付宝支付密码输入框的具体实现
Android仿支付宝支付密码框前言 1. 设计思路 2. 项目地址和implementation使用方法 3. 涉及到的内容 4. 设计流程 4.1 Layout 4.2 GridView和Ada ...
Android 仿支付宝支付密码输入框
看到网友:http://www.jointforce.com/jfperiodical/article/3527?ref=myread 做的仿支付宝支付密码输入框,感觉挺适合初学自定义view的同仁练 ...
仿支付宝支付密码输入框
仿支付宝支付密码输入框前段时间看到小伙伴们在做一个密码输入框,刚好拿来复习下Quartz 2D,不废话,直接上图: 主要思路如下: - UITextField上面覆盖一个UIView - 设置UIV ...
android 保险密码效果,本文实例为大家分享了android仿支付宝密码输入框展示的具体代码，供大家参考，具体内容如下这个没什么好分析的,就是一些基本的绘制什么线,矩形什么的,看代码更...
本文实例为大家分享了android仿支付宝密码输入框展示的具体代码,供大家参考,具体内容如下这个没什么好分析的,就是一些基本的绘制什么线,矩形什么的,看代码更具体布局文件: android:lay ...
android支付宝支付微信支付封装,Android仿支付宝微信支付密码界面弹窗封装dialog...
一,功能效果二,实现过程 1,先写xml文件:dialog_keyboard.xml 注意事项 (1),密码部分用的是一个线性布局中6个TextView,并设置android:inputType=& ...
Android 仿支付宝蚂蚁森林动画效果
Android 动画可以归纳为以下几种: 视图动画(View 动画) 帧动画(Frame 动画.Drawable 动画) 属性动画触摸反馈动画(Ripple Effect) 揭露动画(Reveal ...
html输入支付密码样式,基于JS实现类似支付宝支付密码输入框
基于JS实现类似支付宝支付密码输入框 2019-01-06 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了基于JS实现类似支付宝支付密码输入框,编程之家小编觉得 ...
仿支付宝支付成功控件
仿支付宝支付控件(PathMeasure的应用) 本节介绍的是支付宝支付成功的特效实例,废话不多说,先上图再说: 思路 1.首先对于该效果的实现,我考虑的通过动画的绘制过程,从而截取每一段动画,让控件 ...
android 余额宝收益列表,Android 仿支付宝中的余额宝收益进度条
一. 看效果二.上代码 package com.framework.widget; import android.app.Activity; import android.content.Conte ...

Android仿支付宝支付密码输入框

Android仿支付宝支付密码输入框相关推荐

最新文章

热门文章