Welcome

首页 / 移动开发 / Android / Android仿支付宝支付密码输入框

本文实例为大家分享了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();} }
  效果图如下:


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