在項目開發(fā)有需要用戶輸入銀行卡號，為了便于用戶區(qū)分自己是否輸入的正確，提升用戶體驗，特做了銀行卡號四位一空格的操作。同時考慮到粘貼復制過來的銀行卡號也要做四位一空格的處理，所以自定義了一個監(jiān)聽事件，用來處理空格。
具體的操作如下：
/**
* 銀行卡4位插入一空格監(jiān)聽
* 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;
// 被覆蓋的空格數(shù)
private int mOverrideSpaceNum;
// 是否是粘貼(此粘貼非彼粘貼)
private boolean isPaste;
// 復制的字符數(shù)(不包括空格)
private int mPasteNum;
// 是否需要進行格式化字符串操作
private boolean isChanged = false;
//要處理的View
private 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時，手動設置我們的Listener
target.setKeyListener(new MyDigitsKeyListener());
} else if (target.getInputType() != InputType.TYPE_CLASS_TEXT) {
// 僅支持Text及Number類型的EditText
throw 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時，手動設置我們的Listener
target.setKeyListener(new MyDigitsKeyListener());
} else if (target.getInputType() != InputType.TYPE_CLASS_TEXT) {
// 僅支持Text及Number類型的EditText
throw new IllegalArgumentException("EditText only support TEXT and NUMBER InputTyp！");
}
mDesTxt = target;
mOffset = offset;
this.disposeView = disposeView;
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
mBeforeTextLength = s.length();
mBeforeNumTxtLength = s.toString().replaceAll(" ", "").length();
mBeforeLocation = mDesTxt.getSelectionEnd();
// 重置mBuffer
if (mBuffer.length() > 0) {
mBuffer.delete(0, mBuffer.length());
}
// 計算改變前空格的個數(shù)
mBeforeSpaceNumber = 0;
for (int i = 0; i < s.length(); i++) {
if (s.charAt(i) == ' ') {
mBeforeSpaceNumber++;
}
}
}
@Override
public 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;
}
// 若是經(jīng)過afterTextChanged方法，則直接return
if (isChanged) {
isChanged = false;
return;
}
// 若改變后長度小于等于mOffset - 1，則直接return
if (mOnTextLength <= mOffset - 1) {
isChanged = false;
return;
}
// 若改變前后長度一致，并且數(shù)字位數(shù)相同，則isChanged為false
// (數(shù)字位數(shù)相同是防止用戶單選空格后輸入數(shù)字)
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;
}
// 若是該情況，計算覆蓋空格的個數(shù)
if (isOverrideSpace) {
mOverrideSpaceNum = mNumTxtLength - (mBeforeTextLength - mBeforeSpaceNumber - before + count);
} else {
mOverrideSpaceNum = 0;
}
}
@Override
public 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--;
}
}
// 若是刪除數(shù)據(jù)剛好刪除一位，前一位是空格，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，實現(xiàn)我們自己的Listener
private class MyDigitsKeyListener extends DigitsKeyListener {
private char[] mAccepted = {'0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ' '};
@Override
protected char[] getAcceptedChars() {
return mAccepted;
}
}
}
自定義的監(jiān)聽事件里代碼都有注釋，請自行查看。監(jiān)聽事件寫好了后，就在代碼中對EditText設置監(jiān)聽事件：
//銀行卡輸入框單獨設置一個監(jiān)聽用于四位空一格
EditText.addTextChangedListener(
/**
* new NumSpaceTextWatcher(EditText target, int offset, LinearLayout disposeView)
* 這個方法里的參數(shù)1：要監(jiān)聽的EditText；參數(shù)2：幾位數(shù)字空一格（加入想三位數(shù)字空一格可以將這里設置成3）；
* 參數(shù)3：這個是我自己傳的一個view，用于處理別的控件的顯示與否，大家用的時候這個地方可以不用傳
*/
new NumSpaceTextWatcher(activityOpenBalaceAmountBinding.openAmountBankNum,
4, activityOpenBalaceAmountBinding.bankMessageAll));
通過輸入數(shù)字發(fā)現(xiàn)確實是四位一空格，同時在刪除的時候會將空格自動刪除掉的。從別處粘貼復制過來的一串數(shù)字也可以達到同樣的效果。在此，EditText的輸入銀行卡號四位一空格的功能就寫完了。既然需要在輸入框里輸入銀行卡號，就會有將銀行卡號傳遞到下一層的操作，在此提醒，在獲取EditText輸入框里的text時，不要忘了去除空格！
假如銀行卡號不是用戶手動輸入，也不是復制粘貼過來的，比如從后臺獲取到用戶的銀行卡號，想四位一空格展示在TextView里，那么用上面這個方法就不現(xiàn)實了。可以用正則表達式來實現(xiàn)：
String cardNum = "6217710859874620".replaceAll("\\d{4}(?!$)", "$0 ");
TextView.setText(cardNum);
這樣就可以實現(xiàn)銀行卡號四位一空格展示在TextView中。
延伸功能：
在開發(fā)中不僅僅有銀行卡需要四位一空格，比如手機號需要前三位空一格，后面每四位空一格呢，在此推薦看一下這篇博客：
https://blog.csdn.net/lintcgirl/article/details/50358421。
