先看看效果圖:
這里寫圖片描述
這里寫圖片描述
這里寫圖片描述
方法其實(shí)很簡(jiǎn)單,都沒啥好寫的咯;
簡(jiǎn)單說一下思路吧:
1:首先從模版中,拿到關(guān)鍵點(diǎn)所在的位置,保存在List中.
private void initView() {
if (!TextUtils.isEmpty(patternString)) {
for (int i = 0; i < patternString.length(); i++) {
if (splitList.contains(patternString.charAt(i))) {
separatorPosition.add(i);
}
}
}
}
2:當(dāng)onKeyUp事件發(fā)生的時(shí)候,檢測(cè)文本,循環(huán)遍歷getText(),如果是關(guān)鍵位置,就插入分隔符,否則如果是分隔符不在關(guān)鍵位置上,就刪除,并且重新檢查.
@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_DEL) {
//解決長(zhǎng)按刪除鍵無法刪除的BUG
removeCallbacks(delayCheck);
postDelayed(delayCheck, 100);
} else {
checkPattern();
}
return super.onKeyUp(keyCode, event);
}
private void checkPattern() {
StringBuffer rawText = new StringBuffer(getText());
int selectionStart = getSelectionStart();
for (int i = 0; i < rawText.length(); i++) {
char charAt = rawText.charAt(i);
if (charAt == separatorChar) {
rawText.delete(i, i + 1);
if (i < selectionStart) {
selectionStart--;
}
i--;
} else if (isKeyPosition(i)) {
rawText.insert(i, separatorChar);
if (i < selectionStart) {
selectionStart++;
}
}
}
setText(rawText);
setSelection(Math.min(rawText.length(), selectionStart));
}
private boolean isKeyPosition(int position) {
return separatorPosition.contains(position);
}
3:沒了.
需要注意的就是:
1:當(dāng)插入分隔符之后,需要考慮光標(biāo)的位置.
2:當(dāng)長(zhǎng)按刪除鍵的時(shí)候,要處理一下,否則會(huì)無法實(shí)現(xiàn)長(zhǎng)按刪除.
源碼:
https://github.com/angcyo/RJcenter/blob/master/rsen/src/main/java/com/rsen/view/PatternEditText.java
至此: 文章就結(jié)束了,如有疑問: QQ群:274306954 歡迎您的加入.
