先看看效果圖:

這里寫圖片描述

這里寫圖片描述

這里寫圖片描述

方法其實(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 歡迎您的加入.