java fxml数据绑定怎样进行

1949idc 2年前 (2024-09-18) 阅读数 497 #编程语言

在JavaFX中,使用FXML进行数据绑定可以让你更容易地将数据与UI组件关联起来。以下是一个简单的示例,说明如何在JavaFX和FXML之间进行数据绑定:

  1. 首先,创建一个JavaFX控制器类,该类将包含要绑定到FXML文件的数据。例如,我们创建一个名为Person的类,其中包含firstNamelastName属性:
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. 接下来,创建一个FXML文件,该文件将定义UI组件,并将这些组件与Person类中的属性进行绑定。例如,我们创建一个名为PersonView.fxml的文件,其中包含两个文本字段,分别用于显示和编辑firstNamelastName属性:
<?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. 现在,我们需要在控制器类中加载FXML文件,并将其与Person类的实例进行绑定。例如,我们创建一个名为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. 最后,我们可以在主应用程序中创建一个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);
    }
}

现在,当你运行此应用程序时,它将显示一个包含两个文本字段的窗口。这些文本字段将自动与Person对象的firstNamelastName属性进行双向绑定。当你在文本字段中输入内容时,Person对象的相应属性将自动更新;反之亦然。

版权声明

本文内容由互联网用户自发贡献,该文观点仅代表作者本人
本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

© 2010 首途云安 & 厦门硕顿信息技术有限公司 & 闽ICP备11016866号  增值电信业务经营许可证:B1-20203020 地址:福建厦门思明区嘉禾路297号1806
高新技术企业
软件产品证书
计算机软件著作权
ISO认证
国家3A企业