如何修改 Stage 所有者的 GUI 元素：JavaFX 教程-java教程-PHP中文网

如何修改 Stage 所有者的 GUI 元素：JavaFX 教程

心靈之曲

发布： 2025-10-26 08:27:14

原创

349人浏览过

如何修改 Stage 所有者的 GUI 元素：JavaFX 教程

本文档旨在解决在 javafx 应用程序中，如何从子 stage（例如弹出窗口）修改其所有者 stage 的 gui 元素。我们将探讨如何通过共享 observablevalue 来实现控制器之间的通信，从而更新所有者 stage 上的 ui 元素。本文提供了一个清晰的示例，展示了如何使用 stringproperty 在两个控制器之间传递数据，并动态更新 ui。

### 使用 ObservableValue 实现控制器通信在 JavaFX 应用程序中，经常需要从一个 Stage（例如弹出窗口）修改其所有者 Stage 的 GUI 元素。一个常见的错误是尝试在子 Stage 的控制器中创建所有者 Stage 控制器的新实例，这会导致对原始所有者 Stage 的修改无效。为了解决这个问题，我们需要确保两个控制器共享一个共同的模型，这样对模型的修改就会反映在两个 Stage 上。一种有效的方法是使用 `ObservableValue`，特别是 `StringProperty`，来实现控制器之间的通信。`StringProperty` 允许我们监听字符串值的变化，并在值发生变化时更新 UI。 ### 示例：从弹出窗口更新所有者 Stage 的 Label 以下示例演示了如何使用 `StringProperty` 从弹出窗口更新所有者 Stage 上的 Label。 **1. 修改 `SecondaryController`** 首先，在 `SecondaryController` 中添加一个 `StringProperty`，并提供一个方法来访问它。在 `writeToOwner()` 方法中，更新 `StringProperty` 的值。 ```java package org.example; import javafx.beans.property.StringProperty; import javafx.beans.property.SimpleStringProperty; import javafx.event.ActionEvent; import javafx.fxml.FXML; import javafx.scene.control.TextField; import javafx.stage.Stage; import java.io.IOException; public class SecondaryController { @FXML TextField textField; public Stage stage; private final StringProperty text = new SimpleStringProperty(); public StringProperty textProperty() { return text; } @SuppressWarnings("unused") public void writeToOwner(ActionEvent event) throws IOException { text.set(textField.getText()); stage.close(); } }

2. 修改 PrimaryController

在 PrimaryController 中，当加载 SecondaryController 时，将 Label 的 textProperty() 绑定到 SecondaryController 的 textProperty()。

package org.example;

import java.io.IOException;

import javafx.beans.property.StringProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.stage.Modality;
import javafx.stage.Stage;

public class PrimaryController {

    @FXML
    Label label;
    public StringProperty text = new SimpleStringProperty();

    @SuppressWarnings("unused")
    public void login(ActionEvent event) throws IOException{
        FXMLLoader loader = new FXMLLoader(getClass().getResource("secondary.fxml"));
        Parent root = loader.load();

        SecondaryController secondaryController = loader.getController();
        secondaryController.stage = new Stage();
        secondaryController.stage.initModality(Modality.APPLICATION_MODAL);
        secondaryController.stage.initOwner(App.stage);

        label.textProperty().bind(secondaryController.textProperty()); // 绑定 textProperty

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

    public void displayMessage(String message){
        label.setText(message);
    }
}

登录后复制

3. 运行应用程序

现在，当用户在弹出窗口的 TextField 中输入文本并提交时，所有者 Stage 上的 Label 将自动更新。