Android中的EditText输入银行卡号四位空一格

近期项目开发有需要用户输入银行卡号，为了便于用户区分自己是否输入的正确，提升用户体验，特做了银行卡号四位一空格的操作。同时考虑到粘贴复制过来的银行卡号也要做四位一空格的处理，所以自定义了一个监听事件，用来处理空格。

具体的操作如下：

/*** 银行卡4位插入一空格监听* Created by zeng on 2018/9/25.*/public class NumSpaceTextWatcher implements TextWatcher {private static final int DEFAULT_OFFSET = 4;// 目标输入框private final EditText mDesTxt;// 偏移量(几位插入一空格)private int mOffset;// 记录目标字符串private StringBuffer mBuffer = new StringBuffer();// 改变之前的文本长度private int mBeforeTextLength;// 改变之后的文本长度private int mOnTextLength;// 改变之前去除空格的文本长度private int mBeforeNumTxtLength;// 改变之后去除空格的文本长度private int mNumTxtLength;// 目标 光标的位置private int mLocation = 0;// 之前 光标的位置(可判断用户是否做删除操作)private int mBeforeLocation = 0;// 改变前有多少空格private int mBeforeSpaceNumber = 0;// 是否选中空格覆盖private boolean isOverrideSpace;// 被覆盖的空格数private int mOverrideSpaceNum;// 是否是粘贴(此粘贴非彼粘贴)private boolean isPaste;// 复制的字符数(不包括空格)private int mPasteNum;// 是否需要进行格式化字符串操作private boolean isChanged = false;//要处理的Viewprivate LinearLayout disposeView;public NumSpaceTextWatcher(@NonNull EditText target) {this(target, DEFAULT_OFFSET);}public NumSpaceTextWatcher(@NonNull EditText target, int offset) {if (target.getInputType() == InputType.TYPE_CLASS_NUMBER) {target.setInputType(InputType.TYPE_CLASS_TEXT);// 当InputType为Number时，手动设置我们的Listenertarget.setKeyListener(new MyDigitsKeyListener());} else if (target.getInputType() != InputType.TYPE_CLASS_TEXT) {// 仅支持Text及Number类型的EditTextthrow new IllegalArgumentException("EditText only support TEXT and NUMBER InputTyp！");}mDesTxt = target;mOffset = offset;}//对特殊的控件要做处理的public NumSpaceTextWatcher(@NonNull EditText target, int offset, LinearLayout disposeView) {if (target.getInputType() == InputType.TYPE_CLASS_NUMBER) {target.setInputType(InputType.TYPE_CLASS_TEXT);// 当InputType为Number时，手动设置我们的Listenertarget.setKeyListener(new MyDigitsKeyListener());} else if (target.getInputType() != InputType.TYPE_CLASS_TEXT) {// 仅支持Text及Number类型的EditTextthrow new IllegalArgumentException("EditText only support TEXT and NUMBER InputTyp！");}mDesTxt = target;mOffset = offset;this.disposeView = disposeView;}@Overridepublic void beforeTextChanged(CharSequence s, int start, int count, int after) {mBeforeTextLength = s.length();mBeforeNumTxtLength = s.toString().replaceAll(" ", "").length();mBeforeLocation = mDesTxt.getSelectionEnd();// 重置mBufferif (mBuffer.length() > 0) {mBuffer.delete(0, mBuffer.length());}// 计算改变前空格的个数mBeforeSpaceNumber = 0;for (int i = 0; i < s.length(); i++) {if (s.charAt(i) == ' ') {mBeforeSpaceNumber++;}}}@Overridepublic void onTextChanged(CharSequence s, int start, int before, int count) {mOnTextLength = s.length();mNumTxtLength = s.toString().replaceAll(" ", "").length();// 判断是否是粘贴,其中粘贴小于offset位的不做判断,并且offset>2判断才有意义if (mOffset >= 2 && count >= mOffset) {isPaste = true;mPasteNum = count;} else {isPaste = false;mPasteNum = 0;}// 若是经过afterTextChanged方法，则直接returnif (isChanged) {isChanged = false;return;}// 若改变后长度小于等于mOffset - 1，则直接returnif (mOnTextLength <= mOffset - 1) {isChanged = false;return;}// 若改变前后长度一致，并且数字位数相同，则isChanged为false// (数字位数相同是防止用户单选空格后输入数字)if (mBeforeTextLength == mOnTextLength && mBeforeNumTxtLength == mNumTxtLength) {isChanged = false;return;} else {isChanged = true;}// 若要进行格式化，则判断该情况// 判断是否选中空格覆盖(排除删除空格的情况)if (before == 1 && count == 0) {isOverrideSpace = false;} else {isOverrideSpace = mBeforeTextLength - mBeforeSpaceNumber - before + count != mNumTxtLength;}// 若是该情况，计算覆盖空格的个数if (isOverrideSpace) {mOverrideSpaceNum = mNumTxtLength - (mBeforeTextLength - mBeforeSpaceNumber - before + count);} else {mOverrideSpaceNum = 0;}}@Overridepublic void afterTextChanged(Editable s) {if (isChanged) {mLocation = mDesTxt.getSelectionEnd();// 去除空格mBuffer.append(s.toString().replace(" ", ""));// 格式化字符串，mOffset位加一个空格int index = 0;int mAfterSpaceNumber = 0;while (index < mBuffer.length()) {if (index == mOffset * (1 + mAfterSpaceNumber) + mAfterSpaceNumber) {mBuffer.insert(index, ' ');mAfterSpaceNumber++;}index++;}// 判断是否是粘贴键入if (isPaste) {mLocation += mPasteNum / mOffset;isPaste = false;// 判断是否是选中空格输入} else if (isOverrideSpace) {mLocation += mOverrideSpaceNum;// 判断此时光标是否在特殊位置上} else if (mLocation % (mOffset + 1) == 0) {// 是键入OR删除if (mBeforeLocation <= mLocation) {mLocation++;} else {mLocation--;}}// 若是删除数据刚好删除一位，前一位是空格，mLocation会超出格式化后字符串的长度(因为格// 式化后的长度没有不包括最后的空格)，将光标移到正确的位置String str = mBuffer.toString();if (mLocation > str.length()) {mLocation = str.length();} else if (mLocation < 0) {mLocation = 0;}s.replace(0, s.length(), str);Editable editable = mDesTxt.getText();Selection.setSelection(editable, mLocation);}if (s.length() <= 0 && disposeView != null) {disposeView.setVisibility(View.GONE);}}// 继承DigitsKeyListener，实现我们自己的Listenerprivate class MyDigitsKeyListener extends DigitsKeyListener {private char[] mAccepted = {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ' '};@Overrideprotected char[] getAcceptedChars() {return mAccepted;}}
}

自定义的监听事件里代码都有注释，请自行查看。监听事件写好了后，就在代码中对EditText设置监听事件：

    //银行卡输入框单独设置一个监听用于四位空一格EditText.addTextChangedListener(/*** new NumSpaceTextWatcher(EditText target, int offset, LinearLayout disposeView)* 这个方法里的参数1：要监听的EditText；参数2：几位数字空一格（加入想三位数字空一格可以将这里设置成3）；* 参数3：这个是我自己传的一个view，用于处理别的控件的显示与否，大家用的时候这个地方可以不用传*/new NumSpaceTextWatcher(activityOpenBalaceAmountBinding.openAmountBankNum,4, activityOpenBalaceAmountBinding.bankMessageAll));

通过输入数字发现确实是四位一空格，同时在删除的时候会将空格自动删除掉的。从别处粘贴复制过来的一串数字也可以达到同样的效果。在此，EditText的输入银行卡号四位一空格的功能就写完了。既然需要在输入框里输入银行卡号，就会有将银行卡号传递到下一层的操作，在此提醒，在获取EditText输入框里的text时，不要忘了去除空格！

假如银行卡号不是用户手动输入，也不是复制粘贴过来的，比如从后台获取到用户的银行卡号，想四位一空格展示在TextView里，那么用上面这个方法就不现实了。可以用正则表达式来实现：

String cardNum = "6217710859874620".replaceAll("\\d{4}(?!$)", "$0 ");

TextView.setText(cardNum);

这样就可以实现银行卡号四位一空格展示在TextView中。

延伸功能：

在开发中不仅仅有银行卡需要四位一空格，比如手机号需要前三位空一格，后面每四位空一格呢，在此推荐看一下这篇博客：https://blog.csdn.net/lintcgirl/article/details/50358421。

Android中的EditText输入银行卡号四位空一格相关推荐

安卓beforetextchanged_【已解决】Android中给EditText添加的TextWatcher中的onTextChanged始终被调用(被执行多次)...
[问题] Android中,给一个EditText添加了TextWatcher,其中实现了onTextChanged, 但是出现个问题: 对于EditText,只修改了一次(比如用删除键删除一个字符) ...
android 调取数字键盘,如何在android中的EditText上显示数字键盘？
如何在android中的EditText上显示数字键盘? 我只是想在某个EditText具有焦点时立即切换到数字键盘模式. 13个解决方案 239 votes 您可以为EditText配置EditTe ...
Android中删除EditText中内容时报SPAN_EXCLUSIVE_EXCLUSIVE spans cannot have a zero length
在使用Android中的EditText时,若在对应APP窗口中删除文本框中的内容或移动光标位置时,会出现如下错误: 解决方法: 在对应EditText下添加 android:inputType=& ...
vue input银行卡四位空一格
bankCardNo:function(newval){// 四位空一格this.$nextTick(() => {this.bankCardNo = newval.replace(/\s/g, ...
【android】EditText输入银行卡号每四位空一格
完美仿微信银行卡号输入,输入每4个数字就自动添加一个空格代码如下: import android.text.Editable; import android.text.Selection; impo ...
Android中的EditText属性说明
本文主要研究一下EditText的属性(还没研究完,边研究边写) android:layout_gravity="center_vertical"//设置 ...
【Android】设置EditText输入类型和内容长度
1.设置输入类型设置EditText输入类型主要有两种方法,一种是使用EditText的setInputType()方法,另一种是在布局文件中使用android:inputType属性来设置. (1 ...
android 中限制 eidttext输入emjoy表情
最近项目中遇到个不让Edittext输入Emjoy表情的需求,查找很多资料后最后用CSDN上一个哥们的方法解决 EditText et = (EditText)findViewById(R.id.et ...
matlab 删掉空行,在MATLAB中使用XLSWRITE：如何删除空单元格？
如果我理解你的问题的第一部分,你想删除 newfile 单元格数组中只包含空单元格的任何行 . 您可以使用函数CELLFUN来查找空单元格,使用函数ALL查找包含所有空单元格的行,然后使用logica ...

Android中的EditText输入银行卡号四位空一格

延伸功能：

Android中的EditText输入银行卡号四位空一格相关推荐

最新文章

热门文章