Android EditText实现分割输入内容

在项目中可能会有许多需要输入手机号码、银行卡号或者身份证号等内容的输入框。如果直接输入的话将会是一堆号码堆在一起，第一是不太美观，第二也容易出错，用户体验不太好。但是若将输入的号码按特定格式进行分割将会大大提高用户体验！

以下是对常用的号码进行简单封装的自定义输入框控件，方便我们在开发过程中使用：

• 该控件支持xml属性指定，也支持代码指定；
• 该控件支持类型分别为电话号码(000 0000 0000)、银行卡号(0000 0000 0000 0000 000)和身份证号(000000 0000 0000 0000)。
  

效果图

自定义EditText

/**
 * @Description 分割输入框
 * @Author 一花一世界
 */
public class ContentWithSpaceEditText extends EditText {

  public static final int TYPE_PHONE = 0;
  public static final int TYPE_CARD = 1;
  public static final int TYPE_IDCARD = 2;
  private int maxLength = 100;
  private int contentType;
  private int start, count, before;
  private String digits;

  public ContentWithSpaceEditText(Context context) {
    this(context, null);
  }

  public ContentWithSpaceEditText(Context context, AttributeSet attrs) {
    super(context, attrs);
    parseAttributeSet(context, attrs);
  }

  public ContentWithSpaceEditText(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    parseAttributeSet(context, attrs);
  }

  private void parseAttributeSet(Context context, AttributeSet attrs) {
    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ContentWithSpaceEditText, 0, 0);
    contentType = ta.getInt(R.styleable.ContentWithSpaceEditText_type, 0);
    ta.recycle();
    initType();
    setSingleLine();
    addTextChangedListener(watcher);
  }

  private void initType() {
    if (contentType == TYPE_PHONE) {
      maxLength = 13;
      digits = "0123456789 ";
      setInputType(InputType.TYPE_CLASS_NUMBER);
    } else if (contentType == TYPE_CARD) {
      maxLength = 23;
      digits = "0123456789 ";
      setInputType(InputType.TYPE_CLASS_NUMBER);
    } else if (contentType == TYPE_IDCARD) {
      maxLength = 21;
      digits = "0123456789xX ";
      setInputType(InputType.TYPE_CLASS_TEXT);
    }
    setFilters(new InputFilter[]{new InputFilter.LengthFilter(maxLength)});
  }

  @Override
  public void setInputType(int type) {
    super.setInputType(type);
    // setKeyListener要在setInputType后面调用，否则无效
    if (!TextUtils.isEmpty(digits)) {
      setKeyListener(DigitsKeyListener.getInstance(digits));
    }
  }

  private TextWatcher watcher = 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) {
      ContentWithSpaceEditText.this.start = start;
      ContentWithSpaceEditText.this.before = before;
      ContentWithSpaceEditText.this.count = count;
    }

    @Override
    public void afterTextChanged(Editable s) {
      if (s == null) {
        return;
      }
      //判断是否是在中间输入，需要重新计算
      boolean isMiddle = (start + count) < (s.length());
      //在末尾输入时，是否需要加入空格
      boolean isNeedSpace = false;
      if (!isMiddle && isSpace(s.length())) {
        isNeedSpace = true;
      }
      if (isMiddle || isNeedSpace || count > 1) {
        String newStr = s.toString();
        newStr = newStr.replace(" ", "");
        StringBuilder sb = new StringBuilder();
        int spaceCount = 0;
        for (int i = 0; i < newStr.length(); i++) {
          sb.append(newStr.substring(i, i + 1));
          //如果当前输入的字符下一位为空格(i+1+1+spaceCount)，因为i是从0开始计算的，所以一开始的时候需要先加1
          if (isSpace(i + 2 + spaceCount)) {
            sb.append(" ");
            spaceCount += 1;
          }
        }
        removeTextChangedListener(watcher);
        s.replace(0, s.length(), sb);
        //如果是在末尾的话,或者加入的字符个数大于零的话（输入或者粘贴）
        if (!isMiddle || count > 1) {
          setSelection(s.length() <= maxLength ? s.length() : maxLength);
        } else if (isMiddle) {
          //如果是删除
          if (count == 0) {
            //如果删除时，光标停留在空格的前面，光标则要往前移一位
            if (isSpace(start - before + 1)) {
              setSelection((start - before) > 0 ? start - before : 0);
            } else {
              setSelection((start - before + 1) > s.length() ? s.length() : (start - before + 1));
            }
          }
          //如果是增加
          else {
            if (isSpace(start - before + count)) {
              setSelection((start + count - before + 1) < s.length() ? (start + count - before + 1) : s.length());
            } else {
              setSelection(start + count - before);
            }
          }
        }
        addTextChangedListener(watcher);
      }
    }
  };

  private boolean isSpace(int length) {
    if (contentType == TYPE_PHONE) {
      return isSpacePhone(length);
    } else if (contentType == TYPE_CARD) {
      return isSpaceCard(length);
    } else if (contentType == TYPE_IDCARD) {
      return isSpaceIDCard(length);
    }
    return false;
  }

  private boolean isSpacePhone(int length) {
    return length >= 4 && (length == 4 || (length + 1) % 5 == 0);
  }

  private boolean isSpaceCard(int length) {
    return length % 5 == 0;
  }

  private boolean isSpaceIDCard(int length) {
    return length > 6 && (length == 7 || (length - 2) % 5 == 0);
  }

  public void setContentType(int contentType) {
    this.contentType = contentType;
    initType();
  }

  public String getTextWithoutSpace() {
    return super.getText().toString().replace(" ", "");
  }

  /**
   * @Description 内容校验
   */
  public boolean isContentCheck() {
    String text = getTextWithoutSpace();
    if (contentType == TYPE_PHONE) {
      if (TextUtils.isEmpty(text)) {
        ToastUtil.showText(UIUtils.getString(R.string.phone_number_not_empty));
      } else if (text.length() < 11) {
        ToastUtil.showText(UIUtils.getString(R.string.phone_number_incorrect_length));
      } else {
        return true;
      }
    } else if (contentType == TYPE_CARD) {
      if (TextUtils.isEmpty(text)) {
        ToastUtil.showText(UIUtils.getString(R.string.bank_card_not_empty));
      } else if (text.length() < 16) {
        ToastUtil.showText(UIUtils.getString(R.string.bank_card_incorrect_length));
      } else {
        return true;
      }
    } else if (contentType == TYPE_IDCARD) {
      if (TextUtils.isEmpty(text)) {
        ToastUtil.showText(UIUtils.getString(R.string.identity_number_not_empty));
      } else if (text.length() < 18) {
        ToastUtil.showText(UIUtils.getString(R.string.identity_number_incorrect_length));
      } else {
        return true;
      }
    }
    return false;
  }
}

配置attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="ContentWithSpaceEditText">
    <attr name="type" format="enum">
      <enum name="phone" value="0" />
      <enum name="card" value="1" />
      <enum name="IDCard" value="2" />
    </attr>
  </declare-styleable>
</resources>

布局文件中使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@color/theme_bg"
  android:orientation="vertical">

  <com.wiggins.splitinput.widget.TitleView
    android:id="@+id/titleView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/item_normal"
    android:layout_margin="@dimen/margin_normal"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
      android:layout_width="@dimen/btn_width_normal"
      android:layout_height="match_parent"
      android:gravity="center_vertical"
      android:text="@string/phone_number"
      android:textColor="@color/blue"
      android:textSize="@dimen/font_normal" />

    <com.wiggins.splitinput.widget.ContentWithSpaceEditText
      android:id="@+id/edt_phone_input"
      android:layout_width="match_parent"
      android:layout_height="@dimen/item_normal"
      android:background="@color/white"
      android:gravity="center"
      android:hint="@string/please_enter_content"
      android:inputType="number"
      android:textColor="@color/blue"
      android:textColorHint="@color/gray"
      android:textCursorDrawable="@null"
      android:textSize="@dimen/font_normal"
      app:type="phone" />
  </LinearLayout>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/item_normal"
    android:layout_margin="@dimen/margin_normal"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
      android:layout_width="@dimen/btn_width_normal"
      android:layout_height="match_parent"
      android:gravity="center_vertical"
      android:text="@string/bank_card_number"
      android:textColor="@color/blue"
      android:textSize="@dimen/font_normal" />

    <com.wiggins.splitinput.widget.ContentWithSpaceEditText
      android:id="@+id/edt_bank_card_input"
      android:layout_width="match_parent"
      android:layout_height="@dimen/item_normal"
      android:background="@color/white"
      android:gravity="center"
      android:hint="@string/please_enter_content"
      android:inputType="number"
      android:textColor="@color/blue"
      android:textColorHint="@color/gray"
      android:textCursorDrawable="@null"
      android:textSize="@dimen/font_normal"
      app:type="card" />
  </LinearLayout>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="@dimen/item_normal"
    android:layout_margin="@dimen/margin_normal"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <TextView
      android:layout_width="@dimen/btn_width_normal"
      android:layout_height="match_parent"
      android:gravity="center_vertical"
      android:text="@string/identity_number"
      android:textColor="@color/blue"
      android:textSize="@dimen/font_normal" />

    <com.wiggins.splitinput.widget.ContentWithSpaceEditText
      android:id="@+id/edt_identity_input"
      android:layout_width="match_parent"
      android:layout_height="@dimen/item_normal"
      android:background="@color/white"
      android:gravity="center"
      android:hint="@string/please_enter_content"
      android:inputType="number"
      android:textColor="@color/blue"
      android:textColorHint="@color/gray"
      android:textCursorDrawable="@null"
      android:textSize="@dimen/font_normal"
      app:type="IDCard" />
  </LinearLayout>
</LinearLayout>

项目地址：传送门

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android  # EditText  # 分割  # Android实现自定义带删除功能的EditText实例  # Android编程实现实时监听EditText文本输入的方法  # Android中搜索图标和文字居中的EditText实例  # Android中自定义的dialog中的EditText无法弹出输入法解决方案  # Android 设置Edittext获取焦点并弹出软键盘  # Android之EditText控制禁止输入空格和回车  # Android EditText限制输入字符的方法总结  # 是在  # 输入框  # 将会  # 自定义  # 卡号  # 不太  # 是从  # 要在  # 有许多  # 分别为  # 等内容  # 停留在  # 大家多多  # 则要  # 过程中  # 直接输入  # 判断是否  # 传送门  # 不太好  # 第一是 

相关文章： 如何在阿里云服务器自主搭建网站？  高端企业智能建站程序：SEO优化与响应式模板定制开发  网站网页制作专业公司,怎样制作自己的网页？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何在自有机房高效搭建专业网站？  建站之星如何取消后台验证码生成？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  制作网站的软件免费下载,免费制作app哪个平台好？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  广东专业制作网站有哪些,广东省能源集团有限公司官网？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  建站之星代理如何获取技术支持？  如何用5美元大硬盘VPS安全高效搭建个人网站？  建站之星代理商如何保障技术支持与售后服务？  如何挑选最适合建站的高性能VPS主机？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  建站之星安装失败：服务器环境不兼容？  清除minerd进程的简单方法  无锡营销型网站制作公司,无锡网选车牌流程？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  ,想在网上投简历，哪几个网站比较好？  简历在线制作网站免费版,如何创建个人简历？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  如何确认建站备案号应放置的具体位置？  如何通过免费商城建站系统源码自定义网站主题与功能？  智能起名网站制作软件有哪些,制作logo的软件？  如何在橙子建站中快速调整背景颜色？  如何高效完成自助建站业务培训？  定制建站策划方案_专业建站与网站建设方案一站式指南  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  如何高效配置IIS服务器搭建网站？  建站之星如何快速生成多端适配网站？  七夕网站制作视频,七夕大促活动怎么报名？  如何自定义建站之星模板颜色并下载新样式？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  昆明高端网站制作公司,昆明公租房申请网上登录入口？  西安大型网站制作公司,西安招聘网站最好的是哪个？  宝塔Windows建站如何避免显示默认IIS页面？  制作电商网页,电商供应链怎么做？  ,柠檬视频怎样兑换vip？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  内部网站制作流程,如何建立公司内部网站？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  音乐网站服务器如何优化API响应速度？  婚礼视频制作网站,学习*后期制作的网站有哪些？  网站设计制作企业有哪些,抖音官网主页怎么设置？  如何通过虚拟机搭建网站？详细步骤解析  太平洋网站制作公司,网络用语太平洋是什么意思？