在TextField中键入每个字符时，如何显示在TextArea中？

Question

我试图在将每个字符键入TextField时立即将其显示在TextArea中。

我写了一些代码，如下所示，但没有用：

Application_Controler.java

public class Application_Controler {

    @FXML
    private TextField txt;

    @FXML
    private TextArea showTxt;

    @FXML
    void keyTyped(ActionEvent event) {
        String text = txt.getText();
        String oldText = showTxt.getText();
        String nextText = oldText+text;
        showTxt.setText(nextText);
    }

}

这是.fxml文件：

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

<?import javafx.scene.control.*?>
<?import java.lang.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.layout.AnchorPane?>


<AnchorPane xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8.0.40" fx:controller="imran.jfx.application.Application_Controler">
   <children>
      <AnchorPane layoutX="-17.0" layoutY="-14.0" prefHeight="461.0" prefWidth="454.0">
         <children>
            <TextField fx:id="txt" layoutX="122.0" layoutY="87.0" onKeyTyped="#keyTyped" prefHeight="55.0" prefWidth="229.0" />
            <TextArea fx:id="showTxt" layoutX="56.0" layoutY="215.0" prefHeight="210.0" prefWidth="362.0" />
         </children>
      </AnchorPane>
   </children>
</AnchorPane>

我该怎么办？

Answer 1

您可以将textProperty() of TextField的textProperty() of TextArea绑定到textProperty() of TextArea的textProperty() of TextArea 。

textArea.textProperty().bind(textField.textProperty());

尝试在控制器的initialize()内部添加以下代码：

public class Application_Controler implements Initializable {

    @FXML
    private TextField txt;

    @FXML
    private TextArea showTxt;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
         showTxt.textProperty().bind(txt.textProperty());
    }
}