首页 > 系统 > Android > 正文

Android EditText实现分割输入内容

2019-12-12 02:58:47
字体:
来源:转载
供稿:网友

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

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

  • 该控件支持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>

项目地址:传送门

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表