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

2024-04-08 18:07:37

本文实例为大家分享了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微信支付,今天接着为大家带来支付宝支付,支付宝支付相对微信支付要简单一些,吐槽一下,而且支付宝文档确实比微信的文档好了不少,下面开始讲解支付流程. 1.首先给出官方文档的地址 Android集成支付宝流程 2.在开始集成和开发前,首先了解一下常用的接入方式和架构建议: 支付流程.png 在开始下一步之前,给大家看看网上的很多操作. 网上的代码.png 这一大堆代码,后面还有,百来行吧,而且支付宝Demo貌似也是这么干的,估计一些新司机就有点懵逼了,至于吗?
Android支付宝支付设计开发

在移动支付领域,支付宝支付占用巨大份额,根据艾瑞咨询公布的报告数据:2014Q3,支付宝斩获了82.6%的市场份额,在移动支付的霸主地位越来越稳固.财付通支付的发力点在微信支付和手Q支付,在移动支付格局中取得了10.0%的市场份额,排名第二. 支付宝在移动支付领域的统治地位,使得我们有必要梳理支付宝移动开发流程.本文写作的目的就是梳理支付流程,从架构层面讲述如何在移动应用中嵌入支付宝支付功能,以及指出哪些地方存在开发陷阱. 准备按照说明,首先需要申请支付宝支付账号.这方面根据网站说
Android仿支付宝支付从底部弹窗效果

我们再用支付宝支付的时候,会从底部弹上来一个对话框,让我们选择支付方式等等,今天我们就来慢慢实现这个功能效果图实现主界面很简单,就是一个按钮,点击后跳到支付详情的Fragment中 package com.example.hfs.alipayuidemo; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.wi
Android支付宝支付封装代码

在做Android支付的时候肯定会用到支付宝支付, 根据官方给出的demo做起来非常费劲,所以我们需要一次简单的封装. 封装的代码也很简单,就是将官网给的demo提取出一个类来方便使用. public class Alipay { // 商户PID public static final String PARTNER = "123456789"; // 商户收款账号 public static final String SELLER = "qibin0506@gmail.co
Android支付宝和微信支付集成

场景随着移动支付的兴起,在我们的app'中,会经常有集成支付的需求.这时候一般都会采用微信和支付宝的sdk 来集成 (一)支付宝支付在使用支付宝支付的过程中,我们是在服务器端生成订单,客户端访问接口,并得到订单信息,调用接口支付,支付成功后支付宝会分别异步调用服务器端,并向客户端返回支付结果. 开发步骤: ①注册支付宝账号--进行实名认证--提交审核资料--审核通过支付宝无线快捷支付接口: b.alipay.com/order/productDetail.htm?productId=20
Android app第三方支付宝支付接入教程

支付宝的接入相对比较简单,看看支付宝官网的文档基本都能搞定,但是切记一点让你们的后台也要搞清楚支付宝的流程,重中之重. 1.注意事项开发前一定要阅读支付宝官方文档强烈建议签名等处理在后台处理,我这个是测试是在自己本地写的,不要吐槽想获取支付宝合作商户ID,及支付宝公钥请点击支付宝链接,生成密钥及PKCS8转码工具在文档中添加Android.permission.INTERNET权限和android.permission.ACCESS_NETWORK_STATE权限要导入支付宝的包 2.
Android接入支付宝实现支付功能实例

我本来是想直接讲Android支付这一块的,包括支付宝,微信,其他第三方整合支付等,但是微信开放平台他对我的账号做了限制,所有我今天就先把重心放在支付宝的支付上,也算是写得尽可能详细些吧,毕竟是第三方的SDK,只要我们耐心的阅读文档和开发引导,这个其实不是很难的,我也是没有用过支付宝的支付,但是我相信,你看完这篇博客,也会对他了如指掌的,好的,我们正文开始一.准备步骤 1.登录官网他的官网就是蚂蚁金服的开放平台了,我们可以访问蚂蚁金服开放平台 ,并且注册账号进行登录创建应用如果你是现有
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.graphic
Android仿支付宝自定义密码输入框及安全键盘(密码键盘)

0.前言之前做过的项目里有运用到一个支付场景:用户办理业务时需要输入交易密码,并且可根据平台下发的支付方式进行选择.这与支付宝的密码输入方式十分相似,如果使用Android系统或者第三方软件的键盘,会有密码泄露的风险.因此,大多数的应用软件使用的是自定义的密码输入框及安全键盘. 由于密码输入方式需要实现一个从底部弹出的效果,因此总体上决定采用BottomSheetDialog来进行封装,同时为了提高安全性,还应该随机生成键盘上的数字,界面如下图所示: 首先新建一个PasswordInpu
Android仿支付宝密码输入效果封装

模仿支付宝输入效果,实现很简单,就是画个矩形框和圆形,其他的通过组合view来实现所有功能,虽然简单但是封装起来,方便以后使用,也分享一下,希望对别人也有点帮助. 1.如何使用,可以设置自己的进入退出动画,不设置则没有动画效果,自己觉得封装之后还是非常用好的. private MyInputPwdUtil myInputPwdUtil; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sa
Android 仿支付宝密码输入框效果

模仿支付宝输入效果,实现很简单,就是画个矩形框和圆形,其他的通过组合view来实现所有功能,虽然简单但是封装起来,方便以后使用,也分享一下,希望对别人也有点帮助. 1.如何使用,可以设置自己的进入退出动画,不设置则没有动画效果,自己觉得封装之后还是非常用好的. private MyInputPwdUtil myInputPwdUtil; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sa
Android仿支付宝微信支付密码界面弹窗封装dialog

一,功能效果二,实现过程 1,先写xml文件:dialog_keyboard.xml 注意事项 (1),密码部分用的是一个线性布局中6个TextView,并设置android:inputType="numberPassword",外框是用的一个有stroke属性的shape, (2),1-9数字是用的recycleview ,每个item的底部和右边有1dp的黑线,填充后形成分割线. (3),recycleview 要设置属性 android:overScrollMode=&quo
Android中PathMeasure仿支付宝支付动画

前言在 Android 自定义 View 中,Path 可能用的比较多,PathMeasure 可能用的比较少,就我而言,以前也没有使用过 PathMeasure 这个 api,看到别人用 PathMeasure 和 ValueAnimator 结合在一起完成了很好的动画效果,于是我也学习下 PathMeasure ,此处记录下. PathMeasure 构造器: forceClosed 含义: // 创建一个 Path 对象 path = new Path(); path.moveTo(20
android仿支付宝密码输入框效果

本文实例为大家分享了android仿支付宝密码输入框展示的具体代码,供大家参考,具体内容如下这个没什么好分析的,就是一些基本的绘制什么线,矩形什么的,看代码更具体布局文件: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layou
IOS 仿支付宝支付屏幕亮度变化机制

1.首先,在需要实现的界面viewDidLoad中先保存亮度没有变化之前的亮度,因为这个界面消失之后还要变回原来的亮度,变化亮度也相当于用户的一种设置,所以也要保存一下这个状态,因为之后当APP在active和非active切换时候需要知道是否需要为用户做这个功能 // 保存原来的亮度 [[NSUserDefaults standardUserDefaults] setObject:@([UIScreen mainScreen].brightness) forKey:@"brightness&q
Android 仿支付宝中的余额宝收益进度条

一. 看效果二.上代码 package com.framework.widget; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import androi

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

相关推荐

随机推荐