溫馨提示×

java fxml數(shù)據(jù)綁定怎樣進行

小樊
85
2024-09-15 15:58:25
欄目: 編程語言

在JavaFX中，使用FXML進行數(shù)據(jù)綁定可以讓你更容易地將數(shù)據(jù)與UI組件關(guān)聯(lián)起來。以下是一個簡單的示例，說明如何在JavaFX和FXML之間進行數(shù)據(jù)綁定：

  1. 首先，創(chuàng)建一個JavaFX控制器類，該類將包含要綁定到FXML文件的數(shù)據(jù)。例如，我們創(chuàng)建一個名為Person的類，其中包含firstName和lastName屬性：
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;

public class Person {
    private StringProperty firstName = new SimpleStringProperty();
    private StringProperty lastName = new SimpleStringProperty();

    public String getFirstName() {
        return firstName.get();
    }

    public StringProperty firstNameProperty() {
        return firstName;
    }

    public void setFirstName(String firstName) {
        this.firstName.set(firstName);
    }

    public String getLastName() {
        return lastName.get();
    }

    public StringProperty lastNameProperty() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName.set(lastName);
    }
}
  1. 接下來，創(chuàng)建一個FXML文件，該文件將定義UI組件，并將這些組件與Person類中的屬性進行綁定。例如，我們創(chuàng)建一個名為PersonView.fxml的文件，其中包含兩個文本字段，分別用于顯示和編輯firstName和lastName屬性：
<?xml version="1.0" encoding="UTF-8"?>

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

<VBox xmlns:fx="http://javafx.com/fxml">
   <TextField fx:id="firstNameField" promptText="First Name" />
   <TextField fx:id="lastNameField" promptText="Last Name" />
</VBox>
  1. 現(xiàn)在，我們需要在控制器類中加載FXML文件，并將其與Person類的實例進行綁定。例如，我們創(chuàng)建一個名為PersonController的類，該類將加載FXML文件，并將其與Person類的實例進行綁定：
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class PersonController {
    @FXML
    private TextField firstNameField;

    @FXML
    private TextField lastNameField;

    private Person person;

    public PersonController(Person person) {
        this.person = person;
    }

    public void show() throws IOException {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("PersonView.fxml"));
        loader.setController(this);
        Parent root = loader.load();

        Stage stage = new Stage();
        stage.setScene(new Scene(root));
        stage.show();
    }

    @FXML
    public void initialize() {
        firstNameField.textProperty().bindBidirectional(person.firstNameProperty());
        lastNameField.textProperty().bindBidirectional(person.lastNameProperty());
    }
}
  1. 最后，我們可以在主應(yīng)用程序中創(chuàng)建一個Person對象，并使用PersonController顯示它：
import javafx.application.Application;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Person person = new Person();
        person.setFirstName("John");
        person.setLastName("Doe");

        PersonController controller = new PersonController(person);
        controller.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

現(xiàn)在，當你運行此應(yīng)用程序時，它將顯示一個包含兩個文本字段的窗口。這些文本字段將自動與Person對象的firstName和lastName屬性進行雙向綁定。當你在文本字段中輸入內(nèi)容時，Person對象的相應(yīng)屬性將自動更新；反之亦然。

0 踩