Android自定义EditText实现手机号码和银行卡号自动分隔

谁借莪１个温暖的怀抱￠ 2022-08-09 13:41 283阅读 0赞

项目中可能会有许多需要输入手机号码及文案的输入框，如果需要输入卡号的话，一堆卡号堆在一起，第一不太美观，第二也容易出错，用户体验不太好，鄙人无聊之时，写了这么一个小小控件，可以自动来进行卡号和电话号码的分割，自测还算OK，废话不多说，直接上代码~~

1.attrs.xml定义属性信息

<declare-styleable name="RongDivisionEditText">
            <attr name="totalLength" format="integer" />
            <attr name="sperator" format="string" />
            <attr name="type">
                <enum name="phone" value="1" />
                <enum name="bank" value="2" />
            </attr>
        </declare-styleable>

2.自定义EditText，继承EditText

package com.rong360.android.view;
    
    import android.content.Context;
    import android.content.res.TypedArray;
    import android.text.Editable;
    import android.text.InputType;
    import android.text.TextUtils;
    import android.text.TextWatcher;
    import android.util.AttributeSet;
    import android.util.Log;
    import android.widget.EditText;
    
    import java.util.ArrayList;
    
    /**
     * Created by me.
     */
    public class RongDivisionEditText extends EditText {
    
        private static final String TAG = "RongDivisionEditText";
    
        private static final int PHONE_TYPE = 1;
    
        private static final int BANK_TYPE = 2;
    
        private static final int DEFAULT_BANK_CARD_LENGTH = 16;
    
        private static final int DEFAULT_PHONE_NUMBER_LENGTH = 11;
    
        private static final int DEFAULT_DIVIDE_LENGTH = 4;
    
        private static final String DEFAULT_DIVIDE_SYMBOL = "-";
    
        private String mSperator;
        // 存放需分隔处文本窗独
        private ArrayList<Integer> groupCoords = new ArrayList<Integer>();
        // 记录上次增减文本的长度，判断本次添加还是删除
        private int mLastLength = 0;
        // xml文件设置的输入长度
        private int mTotalLength;
        // 记录加上分隔符后总长度
        private int mLength;
        // 当前输入类型
        private int mType;
    
        public RongDivisionEditText(Context context) {
            super(context);
        }
    
        public RongDivisionEditText(Context context, AttributeSet attrs) {
            super(context, attrs);
            setInputType(InputType.TYPE_CLASS_NUMBER);
            TypedArray typedArray = context.obtainStyledAttributes(attrs,
                    R.styleable.RongDivisionEditText);
            if (typedArray != null) {
                mTotalLength = typedArray.getInteger(
                        R.styleable.RongDivisionEditText_rongTotalLength, DEFAULT_BANK_CARD_LENGTH);
                mSperator = typedArray.getString(R.styleable.RongDivisionEditText_sperator);
                if (TextUtils.isEmpty(mSperator)) {
                    mSperator = DEFAULT_DIVIDE_SYMBOL;
                }
                mType = typedArray.getInt(R.styleable.RongDivisionEditText_type, BANK_TYPE);
                if (mType == BANK_TYPE) {
                    // 计算需要几个分隔符及每个对应的长度
                    int mode = mTotalLength % DEFAULT_BANK_CARD_LENGTH;
                    int divider = mTotalLength / DEFAULT_DIVIDE_LENGTH;
                    int groupCoordsLength = mode == 0 ? divider - 1 : divider;
                    this.mLength = mTotalLength + groupCoordsLength;
                    for (int i = 1; i < groupCoordsLength + 1; i++) {
                        groupCoords.add(i * (DEFAULT_DIVIDE_LENGTH + 1) - 1);
                    }
                    typedArray.recycle();
                } else {
                    initPhoneGroupCoords();
                    this.mLength = DEFAULT_PHONE_NUMBER_LENGTH + groupCoords.size();
                }
    
                setMaxWidth(mLength);
            }
            addTextChangedListener(new DivisionTextWatcher());
        }
    
        private void initPhoneGroupCoords() {
            //这里偷懒了，不计算了，手机号默认这么分了。。。。懒。。。
            groupCoords.add(3);
            groupCoords.add(8);
        }
    
        public RongDivisionEditText(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
        }
    
        /**
         * 获取文本框输入的内容，自动替换掉分隔符
         *
         * @return
         */
        public String getContent() {
            return getText().toString().trim().replace(mSperator, "");
        }
    
        private class DivisionTextWatcher implements 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) {
                Log.i(TAG, "s = " + s.toString() + " , s.length = " + s.length() + " , mLength = " + mLength);
                if (s.length() <= mLength) {
                    if (mLastLength == 0) {
                        mLastLength = s.length();
                    }
                    if (groupCoords.contains(s.length() - 1)) {
                        if (s.length() < mLastLength) {
                            // delete
                            s = s.toString().substring(0, s.length() - 1);
                            setText(s.toString());
                        } else if (s.length() > mLastLength) {
                            // add
                            s = s.toString().substring(0, s.length() - 1) + mSperator + s.toString().substring(s.length() - 1);
                            setText(s.toString());
                        }
                    }
                } else {
                    s = s.toString().substring(0, s.length() - 1);
                    setText(s.toString());
                }
                setSelection(s.length());
                mLastLength = s.length();
            }
    
            @Override
            public void afterTextChanged(Editable s) {
    
            }
        }
    
    }

3.在xml布局中使用

<com.happy.android.view.RongDivisionEditText
            android:id="@+id/myDivision"
            android:layout_width="match_parent"
            android:layout_height="45dip"
            android:focusable="true"
            android:gravity="center_vertical"
            android:hint="输入银行卡卡号"
            app:rongTotalLength="19"
            app:sperator=" "
            app:type="phone" />

ok，这样便实现自动分割了，可能还不太够灵活，后期有时间再修改吧，大神轻喷~~