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

所属分类: 软件编程 / Android 阅读数: 57
收藏 0 赞 0 分享

本文实例为大家分享了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); 
 } 
 
 @Override 
 protected 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); 
 } 
 } 
 
 @Override 
 protected 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样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多