Android 实现仿支付宝的密码均分输入框

 更新时间:2017年06月29日 14:11:54   投稿:lqh  
这篇文章主要介绍了Android 实现仿支付宝的密码均分输入框的相关资料,需要的朋友可以参考下

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;
  }
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • Android 4.4.2 横屏应用隐藏状态栏和底部虚拟键的方法

    Android 4.4.2 横屏应用隐藏状态栏和底部虚拟键的方法

    这篇文章主要介绍了Android 4.4.2 横屏应用隐藏状态栏和底部虚拟键的方法,需要的朋友可以参考下
    2017-01-01
  • Android实现四级联动地址选择器

    Android实现四级联动地址选择器

    这篇文章主要为大家详细介绍了Android实现四级联动地址选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • Android主线程和子线程区别详解

    Android主线程和子线程区别详解

    这篇文章主要为大家详细介绍了Android主线程和子线程的区别,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android项目中引用本地aar文件的方法

    Android项目中引用本地aar文件的方法

    这篇文章主要介绍了Android项目中引用本地aar文件的方法,本文讲解了什么是aar文件、导出aar文件方法、引用本地的aar文件方法等内容,需要的朋友可以参考下
    2015-05-05
  • Android数据加密之Rsa加密的简单实现

    Android数据加密之Rsa加密的简单实现

    下面小编就为大家带来一篇Android数据加密之Rsa加密的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Kotlin作用域函数使用示例详细介绍

    Kotlin作用域函数使用示例详细介绍

    作用域函数:是Kotlin标准库中的内联函数,作用在对象上时,执行给定的block代码块。可以在block代码块中通过it,this代表当前对象,进行代码逻辑处理
    2023-02-02
  • Android布局技巧之使用ViewStub

    Android布局技巧之使用ViewStub

    这篇文章主要为大家详细介绍了Android布局技巧之使用ViewStub,具有一定的实用性,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • android使用surfaceview+MediaPlayer播放视频

    android使用surfaceview+MediaPlayer播放视频

    这篇文章主要为大家详细介绍了android使用surfaceview+MediaPlayer播放视频,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标

    如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标

    这篇文章主要介绍了如何设置Android studio 3.0显示光标返回上一次浏览位置的箭头图标 很多朋友反映刚升级了Android studio 3.0,发现光标返回上一次浏览位置的箭头图标没有了,下文给大家介绍的非常详细,需要的朋友可以参考下
    2017-11-11
  • android自定义滚动上下回弹scollView

    android自定义滚动上下回弹scollView

    这篇文章主要为大家详细介绍了android自定义滚动上下回弹scollView,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04

最新评论