Android仿支付寶支付密碼輸入框
本文實(shí)例為大家分享了Android實(shí)現(xiàn)一個(gè)仿支付寶支付密碼的輸入框,主要實(shí)現(xiàn)如下:
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(), "您設(shè)置的密碼為: " + text, Toast.LENGTH_SHORT).show();; } invalidate(); } public void reset(){ setText(""); invalidate(); } }
效果圖如下:
更多內(nèi)容請參考專題:Android密碼使用教程
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android HttpURLConnection.getResponseCode()錯(cuò)誤解決方法
在使用HttpURLConnection.getResponseCode()的時(shí)候直接報(bào)錯(cuò)是IOException錯(cuò)誤,一直想不明白,同一個(gè)程序我調(diào)用了兩次,結(jié)果有一個(gè)鏈接一直O(jiān)K,另一個(gè)卻一直報(bào)這個(gè)錯(cuò)誤2013-06-06AndroidStudio集成OpenCV的實(shí)現(xiàn)教程
本文主要介紹了Android?Studio集成OpenCV的實(shí)現(xiàn)教程,文中通過圖文介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-12-12Android開發(fā)使用Messenger及Handler進(jìn)行通信的方法示例
這篇文章主要介紹了Android開發(fā)使用Messenger及Handler進(jìn)行通信的方法,結(jié)合實(shí)例形式分析了Android使用Messenger及Handler定義客戶端與服務(wù)器端實(shí)現(xiàn)通信的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12Android自定義控件之圓形/圓角的實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Android自定義控件之圓形/圓角的實(shí)現(xiàn)代碼,感興趣的小伙伴們可以參考一下2016-03-03Android使用DocumentFile讀寫外置存儲的問題
大家好,本篇文章主要講的是Android使用DocumentFile讀寫外置存儲的問題,感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下2021-12-12Android百度地圖應(yīng)用之創(chuàng)建顯示地圖
這篇文章主要為大家詳細(xì)介紹了Android百度地圖應(yīng)用之創(chuàng)建顯示地圖,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06