先看看效果图:

这里写图片描述

这里写图片描述

这里写图片描述

方法其实很简单,都没啥好写的咯;

简单说一下思路吧:

1:首先从模版中,拿到关键点所在的位置,保存在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:当onKeyUp事件发生的时候,检测文本,循环遍历getText(),如果是关键位置,就插入分隔符,否则如果是分隔符不在关键位置上,就删除,并且重新检查.

@Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
   if (keyCode == KeyEvent.KEYCODE_DEL) {
       //解决长按删除键无法删除的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:当插入分隔符之后,需要考虑光标的位置.
2:当长按删除键的时候,要处理一下,否则会无法实现长按删除.

源码:
https://github.com/angcyo/RJcenter/blob/master/rsen/src/main/java/com/rsen/view/PatternEditText.java

至此: 文章就结束了,如有疑问: QQ群:274306954 欢迎您的加入.