Question

我有一个包含许多组件的UI，可以重用;所以，我有几个.fxml文件链接。我的父.fxml嵌入了这个：

<fx:include source="Child.fxml" fx:id="first">
<fx:include source="Child.fxml" fx:id="second">

Child.fxml看起来像这样：

<HBox xmlns="http://javafx.com/javafx"
      xmlns:fx="http://javafx.com/fxml">
    <Label fx:id="label"/>
    <ComboBox fx:id="comboBox"/>
    <TextField fx:id="firstTextfield"/>
    <TableView fx:id="secondTextfield"/>
</HBox>

Parent.fxml已定义fx:controller="ParentController"。问题是，如何为父母中的每个孩子设置/获取数据。像：

first.getLabel().setText("This is the first Label");
first.getComboBox().getValue();
second.getLabel().setText("This is the second Label");
...

请不要建议回答 fist.getChildren().get(0) 以及其他类似方法。

我知道我只能定义一个大.fxml，然后给每个项目一个id，但我想避免重复代码，我想将它们拆分成一个较小的组件，这样它可能会变得更多可以理解，我可以重复使用它们。

Answer 1

您可以将包含FXML的控制器注入到包含它们的FXML的控制器中：

public class ParentController {

    @FXML
    private ChildController firstController ; 
    @FXML
    private ChildController secondController ;

    @FXML
    private Pane childContainer ; // container holding the included FXMLs

    // ...
}

这里我假设Child.fxml声明了一个控制器类fx:controller="ChildController"。命名nested controllers字段的规则是它们是fx:id of the included FXML with "Controller" appended。

在该控制器中定义适当的数据方法（允许直接访问控件本身通常是不好的做法）：

public class ChildController {

    @FXML
    private Label label ;

    @FXML
    private ComboBox<String> comboBox ;

    // etc...

    public void setDisplayText(String text) {
        label.setText(text);
    }

    public String getUserSelectedValue() {
        return comboBox.getValue();
    }

    // ...
}

现在回到ParentController所需的全部是

first.setDisplayText("This is the first Label");
first.getUserSelectedValue();
second.setDisplayText("This is the second Label");

等

如果您需要在运行时动态地包含Child.fxml中定义的更多FXML实例，您只需要：

// modify resource name as needed:
FXMLLoader loader = new FXMLLoader(getClass().getResource("Child.fxml"));
Parent childUI = loader.load();
ChildController childController = loader.getController();
childContainer.getChildren().add(childUI);

Javafx：链接fx：id-s

1 个答案: