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

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

相关文章

  • Flutter实现简单的内容高亮效果

    Flutter实现简单的内容高亮效果

    内容高亮并不陌生,特别是在搜索内容页面,可以说四处可见,这篇文章主要为大家介绍了如何使用Flutter实现简单的内容高亮效果,需要的可以参考下
    2023-08-08
  • Android中使用protobuf的具体示例

    Android中使用protobuf的具体示例

    本篇文章主要介绍了Android中使用protobuf的具体示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • AndroidQ(10)黑暗模式适配的实现

    AndroidQ(10)黑暗模式适配的实现

    这篇文章主要介绍了AndroidQ(10)黑暗模式适配的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • Android Messenger实现进程间双向通信

    Android Messenger实现进程间双向通信

    这篇文章主要为大家详细介绍了Messenger实现进程间双向通信,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Android编程实现任务管理器的方法

    Android编程实现任务管理器的方法

    这篇文章主要介绍了Android编程实现任务管理器的方法,涉及Android针对程序与进程操作的相关技巧,需要的朋友可以参考下
    2015-12-12
  • Android内存泄漏终极解决篇(上)

    Android内存泄漏终极解决篇(上)

    这篇文章主要为大家介绍了Android内存泄漏的相关资料,重点介绍了内存泄漏的检查工具Heap和内存泄漏的分析工具MAT,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Android仿淘宝商品详情页效果

    Android仿淘宝商品详情页效果

    这篇文章主要为大家详细介绍了Android仿淘宝商品详情页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 万能RecyclerView分割线

    万能RecyclerView分割线

    这篇文章主要介绍了万能RecyclerView分割线的相关代码,告诉大家如何准确调用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Android自定义Dialog的2种常见方法

    Android自定义Dialog的2种常见方法

    这篇文章主要分享了Android自定义Dialog的2种常见方法,大多数中,使用系统内置的dialog并不能满足UE的设计需要,关于两种方法下面文章将详细介绍,需要的小伙伴可以参考一下
    2022-05-05
  • Android 和 windows C/C++/QT通讯时字节存储

    Android 和 windows C/C++/QT通讯时字节存储

    本篇文章主要介绍 Android和Windows 通讯时数据地址的理解,这里提供代码实例进行分析,有需要参考的朋友可以看下
    2016-07-07

最新评论