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

首页 > 软件编程 > Android 更新日期: 2017-09-09
这篇文章主要介绍了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;
  }
}

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


> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • JavaScript仿支付宝密码输入框
    JavaScript仿支付宝密码输入框
    那么今天我就用JavaScript代码来实现这个效果吧,那么首先介绍一下整个的思路,首先我们先将确定输入密码的位数,我的需求是5位,那么就用一个div标签包住5个input标签现在很多时候大家付款的场景都是在手机上面,而随着H5页面的开发变得越来越方便,很多场景也从客户端搬到了浏览器中,其中支付这个场景就很自然的被放在了浏览器中.那么这样的输入框大家一定不会 ...
  • Android程序开发之防止密码输入错误密码明文显示功能
    Android程序开发之防止密码输入错误密码明文显示功能
    在使用App的时候,首次登录都需要用户输入密码的,有些朋友为了安全起见密码设置的比较长,导致很多次密码都输入错误,严重影响了用户体验效果,下面通过本文给大家介绍Android程序开发之防止密码输入错误 密码明文显示功能,需要的朋友参考下在使用App的时候,首次登录都需要用户输入密码的,有些朋友为了安全起见密码设置的比较长,导致很多次密码都输入错误,严重影响了 ...
  • Android实现仿网易新闻主界面设计
    Android实现仿网易新闻主界面设计
    这篇文章主要为大家介绍了Android实现仿网易新闻主界面设计的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下下面先来一张效果图    根据图片分析,要实现的有侧边栏DrawerLayout,ActionBar的颜色和菜单以及ActionBarDrawerToggle的动画效果. 在这之前,Theme要改成带有ActionBar的主题 andro ...
  • Android高仿微信聊天界面代码分享
    Android高仿微信聊天界面代码分享
    微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们来看一 ...
  • Android实现仿网易今日头条等自定义频道listview或者grideview等item上移到另一个view中
    Android实现仿网易今日头条等自定义频道listview或者grideview等item上移到另一个view中
    这篇文章主要介绍了Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中 的相关资料,需要的朋友可以参考下我这里只是简单的用了两个listview来实现的,先上效果图.比较粗糙.预留了自定义的空间. 思路: 从上图应该可以看的出来.就是上下两个listview.点击下面的ltem.会动态的移动到上 ...
  • Android实现仿慕课网下拉加载动画
    这篇文章是我在做动画的项目中整理出来的,在eoe看了篇帖子,然后仿慕课网做了一个下拉加载动画.此功能实现方法是AnimationDrawable类进行 Animation-list中item的循环遍历图片,类似于flash里的帧帧动画,需要的朋友可以参考下具体实现方法就不多介绍了先附上源码,相信大家都容易看的懂: 这里为了让这个动画效果可被复用,于是就继承了 ...
猜你喜欢