Javafx：使用hashtags和number live更新电话号码文本字段

Question

当前正在处理一个文本字段，如果您输入您的号码，它会像这样更新：

1##-###-####

12#-###-####

不幸的是，通过控制台将输入“1234”转换为“123-4###########”是可行的，但当我按下更新的字符串“123-4###-#####”时，它会自动将光标部分替换到开始位置，并不断替换第一位数字。当更新文本框中的字符串时，是否有人可以帮助保存光标位置？这是我的更新代码。

phoneField.textProperty().addListener((observable, oldValue, newValue) -> {
       Pattern p = Pattern.compile("-?\\d+");
       Matcher m = p.matcher(newValue);
       String result = "";
       String finalString = "";
       try {
           while (m.find()) {
               result = m.group();
           }
           int size = result.length();
           for(int i = 0; i < size; i++) {
               if(i == 3 || i == 6) finalString += "-";
               finalString += result.charAt(i);
           }
           for(int i = size; i < 10; i++) {
               if(i == 3 || i == 6) finalString += "-";
               finalString += "#";
           }
       } catch (Exception e) {
           finalString = "INVALID NUMBER";
       }
        phoneField.setText(finalString);
    });

Answer 1

我对你的代码做了一些修改。首先，你应该追加匹配的结果，以获得正确的值——我已经使用了StringBuilder.append（）。然后，我改变了编译模式，否则它将无法正确处理输入。

phoneField.textProperty().addListener((observable, oldValue, newValue) -> {
    Pattern p = Pattern.compile("\\d+");
    Matcher m = p.matcher(newValue);
    StringBuilder result = new StringBuilder();
    String finalString = "";
    try {
        while (m.find()) {
            result.append(m.group());
        }
        int size = result.length();
        for (int i = 0; i < size; i++) {
            if (i == 3 || i == 6) finalString += "-";
            finalString += result.charAt(i);
        }
        for (int i = size; i < 9; i++) {
            if (i == 3 || i == 6) finalString += "-";
            finalString += "#";
        }
    } catch (Exception e) {
        finalString = "INVALID NUMBER";
    }
    phoneField.setText(finalString);
});

请注意，可能值得为字段添加长度检查。

Answer 2

您不应该使用侦听器，因为您正在更改正在侦听的属性，这意味着侦听器将被调用两次。事实上，将导致无限循环，除非StringProperty足够聪明，能够在新值等于旧值时避免触发更改。（大多数与JavaBean兼容的类都是这样的，但我不知道有任何关于这种行为的保证。）

要限制TextField的行为，通常需要使用TextFormatter：

private TextField createPhoneField() {
    TextField phoneField = new TextField();
    phoneField.setPrefColumnCount(12);

    TextFormatter<String> formatter =
        new TextFormatter<>(this::addPhoneNumberMask);
    phoneField.setTextFormatter(formatter);

    return phoneField;
}

private TextFormatter.Change addPhoneNumberMask(
                                TextFormatter.Change change) {

    // Ignore cursor movements, unless the text is empty (in which case
    // we're initializing the field).
    if (!change.isContentChange() &&
        !change.getControlNewText().isEmpty()) {

        return change;
    }

    String text = change.getControlNewText();
    int start = change.getRangeStart();
    int end = change.getRangeEnd();

    int anchor = change.getAnchor();
    int caret = change.getCaretPosition();

    StringBuilder newText = new StringBuilder(text);

    int dash;
    while ((dash = newText.lastIndexOf("-")) >= start) {
        newText.deleteCharAt(dash);
        if (caret > dash) {
            caret--;
        }
        if (anchor > dash) {
            anchor--;
        }
    }

    while (newText.length() < 3) {
        newText.append('#');
    }
    if (newText.length() == 3 || newText.charAt(3) != '-') {
        newText.insert(3, '-');
        if (caret > 3 || (caret == 3 && end <= 3 && change.isDeleted())) {
            caret++;
        }
        if (anchor > 3 || (anchor == 3 && end <= 3 && change.isDeleted())) {
            anchor++;
        }
    }

    while (newText.length() < 7) {
        newText.append('#');
    }
    if (newText.length() == 7 || newText.charAt(7) != '-') {
        newText.insert(7, '-');
        if (caret > 7 || (caret == 7 && end <= 7 && change.isDeleted())) {
            caret++;
        }
        if (anchor > 7 || (anchor == 7 && end <= 7 && change.isDeleted())) {
            anchor++;
        }
    }

    while (newText.length() < 12) {
        newText.append('#');
    }

    if (newText.length() > 12) {
        newText.delete(12, newText.length());
    }

    text = newText.toString();
    anchor = Math.min(anchor, 12);
    caret = Math.min(caret, 12);

    change.setText(text);
    change.setRange(0, change.getControlText().length());
    change.setAnchor(anchor);
    change.setCaretPosition(caret);

    return change;
}