时间:2021-05-21
Android 仿支付宝的密码均分输入框
此为安卓项目,通过重绘edittext进行文字的均分排布。
直接贴上代码:
package com.xxx.xxx;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.text.Editable;import android.text.Selection;import android.text.TextWatcher;import android.util.AttributeSet;import android.view.ViewGroup;import android.widget.EditText;/** * 此控件为均分输入框控件 * 使用说明:XML文件中设置好文字大小,设置好宽度。高度使用wrap_content更佳,亦可设置固定高度 * (随着输入的行数变化会导致高度成倍增加) * 允许设置每行显示的文字个数 * 允许设置最多显示多少行 * 允许设置密码符显示 * 允许设置多行输入 * * Created by yueer on 2015/10/22. */public class ExcelEditView extends EditText { private int mMaxLength = 6; //一行显示的最大字符数 private int mColorId = Color.BLACK; //字体颜色 private boolean isPassword = false; //是否需要显示密码符 private float mHeight = 0.0f; //默认情况的高度 private int mMaxLine = 0; //最大的行数:如果为0,---表示支持多行输入 不为0,--则为该行 public ExcelEditView(Context context){ super(context); init(); } public ExcelEditView(Context context, AttributeSet set){ super(context, set); init(); } private void init(){ this.addTextChangedListener(new TextWatcher() { @Override public void beforeTextChanged(CharSequence s, int start, int count, int after) { } @Override public void onTextChanged(CharSequence s, int start, int before, int count) { // TODO Auto-generated method stub Editable editable = ExcelEditView.this.getText(); int len = editable.length(); if(mMaxLine > 0 && len > mMaxLength*mMaxLine) { int selEndIndex = Selection.getSelectionEnd(editable); String str = editable.toString(); String newStr = str.substring(0,mMaxLength*mMaxLine); ExcelEditView.this.setText(newStr); editable = ExcelEditView.this.getText(); //新字符串的长度 int newLen = editable.length(); //旧光标位置超过字符串长度 if(selEndIndex > newLen) { selEndIndex = editable.length(); } //设置新光标所在的位置 Selection.setSelection(editable, selEndIndex); } } @Override public void afterTextChanged(Editable s) { } }); } public void setIsPassword(boolean isPassword){ this.isPassword = isPassword; } public void setmMaxLine(int line){ this.mMaxLine = line; } public void setmMaxLength(int leng){ this.mMaxLength = leng; } @Override public void setTextColor(int color) { super.setTextColor(color); mColorId = color; } @Override protected void onDraw(Canvas canvas) { char[] txt = this.getText().toString().toCharArray(); //取出字符数组 int txtLine = getLineFromCharArray(txt); //计算有多少行 if (mMaxLine > 0 && txtLine > mMaxLine){ //进行行数的上限处理 txtLine = mMaxLine; } if (this.isPassword){ //密码符的转义 for (int i=0; i<txt.length; i++){ txt[i] = '*'; } } if (mHeight == 0){ //获取最初控件的高度 mHeight = this.getHeight(); } float width = this.getWidth(); float height = mHeight * txtLine; ViewGroup.LayoutParams params = this.getLayoutParams(); params.height = (int)height; this.setLayoutParams(params); //动态设置控件高度 float per = width / (mMaxLength+1); //宽度等分 float perHeight = height / (txtLine + 1); //高度等分 Paint countPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DEV_KERN_TEXT_FLAG); countPaint.setColor(mColorId); countPaint.setTextSize(this.getTextSize()); countPaint.setTypeface(this.getTypeface()); countPaint.setTextAlign(Paint.Align.CENTER); Rect textBounds = new Rect(); String numberStr = "1"; countPaint.getTextBounds(numberStr, 0, numberStr.length(), textBounds);//get text bounds, that can get the text width and height float textHeight = (float)(textBounds.bottom - textBounds.top); float textWidth = (float)(textBounds.right = textBounds.left); //计算该控件中能够显示的单一文字的高度和宽度 for (int line = 0; line < txtLine; line++) { for (int i = 0; i < mMaxLength && txt.length > (i+line*mMaxLength); i++) { canvas.drawText(String.valueOf(txt[i+line*mMaxLength]), (i + 1) * per - textWidth, perHeight * (line + 1) + textHeight / 2, countPaint); //进行绘制 } } } private int getLineFromCharArray(char[] txt){ int line = ((txt.length - 1) / mMaxLength) + 1; return line; }}感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了android仿支付宝密码输入框展示的具体代码,供大家参考,具体内容如下这个没什么好分析的,就是一些基本的绘制什么线,矩形什么的,看代码更具
上次看到别人说写一个类似支付宝支付密码的输入框效果,今天就想自己写了试试看,大体功能是实现了。已实现部分:1.焦点会随着输入数值往后推移2.如果输入的非0-9,
本文实例为大家分享了小程序实现密码输入框的具体代码,供大家参考,具体内容如下小程序密码输入框wxml请设置支付密码并妥善保管下一步wxss/*pages/mim
今天就给大家分享android实现支付宝手势密码,很常见,像现在用微信支付,支付宝支付的时候都要自己设置的4位PIN码,然后输入PIN码后立即调用支付接口去支付
需要实现的效果:一个输入框,当输入框未获得焦点的时候,value值为“密码”;当输入框失去焦点的时候,输入内容显示为”*****”我们很直接会想到下面的js$(