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限制输入字符的方法总结  # 是在  # 输入框  # 将会  # 自定义  # 卡号  # 不太  # 是从  # 要在  # 有许多  # 分别为  # 等内容  # 停留在  # 大家多多  # 则要  # 过程中  # 直接输入  # 判断是否  # 传送门  # 不太好  # 第一是 

相关文章： 南宁网站建设制作定制,南宁网站建设可以定制吗？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  如何基于PHP生成高效IDC网络公司建站源码？  建站DNS解析失败？如何正确配置域名服务器？  建站之星如何优化SEO以实现高效排名？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  建站主机CVM配置优化、SEO策略与性能提升指南  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  建站之星安装步骤有哪些常见问题？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  自助网站制作软件,个人如何自助建网站？  如何在阿里云部署织梦网站？  如何快速生成凡客建站的专业级图册？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  如何零基础开发自助建站系统？完整教程解析  制作网站怎么制作,*游戏网站怎么搭建？  大型企业网站制作流程,做网站需要注册公司吗？  网站制作服务平台,有什么网站可以发布本地服务信息？  建站之星与建站宝盒如何选择最佳方案？  建站主机功能解析：服务器选择与快速搭建指南  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  手机网站制作与建设方案,手机网站如何建设？  高端网站建设与定制开发一站式解决方案 中企动力  如何在Golang中引入测试模块_Golang测试包导入与使用实践  建站之星2.7模板快速切换与批量管理功能操作指南  Python文件管理规范_工程实践说明【指导】  如何在Golang中指定模块版本_使用go.mod控制版本号  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  打鱼网站制作软件,波克捕鱼官方号怎么注册？  开封网站制作公司,网络用语开封是什么意思？  如何用虚拟主机快速搭建网站？详细步骤解析  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何生成腾讯云建站专用兑换码？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  如何在Tomcat中配置并部署网站项目？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  简单实现Android验证码  如何选择高效响应式自助建站源码系统？  如何在建站之星绑定自定义域名？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  建站之星如何快速更换网站模板？  代刷网站制作软件,别人代刷火车票靠谱吗？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  如何通过云梦建站系统实现SEO快速优化？  如何通过西部建站助手安装IIS服务器？