Question

伙计，我想在输入文本字段下方显示输入文本字段的字符串长度。请参阅下面的屏幕截图。

基本上，我希望以动态方式显示计数，即，每当用户更改输入时，计数也应相应地更改。

使用javafx如何实现？

此外，如何将字符串长度值注入FXML文件？

Answer 1

Bindings.length返回一个StringProperty，其中包含asString中字符串值的长度。 label.textProperty().bind(Bindings.length(textField.textProperty()) .asString("String length: %d"));允许您将值格式化为字符串：

{{1}}

Answer 2

您将需要使用绑定进行此操作。在您的TextField下添加标签。

创建这样的StringBinding：

StringBinding binding = Bindings.createStringBinding(() -> {
                String characterCount = "0";
                if(textField.getText() != null){
                    characterCount = textField.getText().length() + "";
                }
                return "StringLength: " + characterCount;
            }, textField.textProperty());

countLabel.textProperty().bind(binding);

如果要避免在每个键入的字段上使用concat，请使用两个标签，一个用于StringLength ：，另一个在其旁边用于字符计数，然后仅更新该标签。

Answer 3

如果您的标签称为lbl和textField txt：

@FXML
void calculateLenght(KeyEvent event) {
        String text = txt.getText();
        int len = 0;
        if (text != null) {
            len = text.length();
            lbl.setText("lenght: " + len);
        }
}

在您的fxml文件中：

    <?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.VBox?>


<BorderPane xmlns:fx="http://javafx.com/fxml/1"
    xmlns="http://javafx.com/javafx/9"
    fx:controller="application.SampleController">
    <center>
        <VBox prefHeight="200.0" prefWidth="172.0"
            BorderPane.alignment="CENTER">
            <children>
                <Label text="String" />
                <TextField fx:id="txt" onKeyTyped="#calculateLenght" />
                <Label fx:id="lbl" text="lenght:" />
            </children>
        </VBox>
    </center>
</BorderPane>

请注意TextField中的onKeyTyped =“＃calculateLenght”

Java FXML-显示文本输入字段的字符串长度

3 个答案: