动态添加JavaFX2控件

Question

我对java和javafx很陌生，有一个我无法解决的问题。我需要将新的自定义控件动态添加到 javafx 场景中。此外，我需要主控件和添加的控件之间的交互。我已经在网上找到了一些有用的信息，但无法将它们放在一起。

所以我举了一个小例子来解释：

主要类别:

public class Test_TwoController extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("Fxml1.fxml"));
        Scene scene = new Scene(root);                  
        stage.setScene(scene);
        stage.show();
    }    
    public static void main(String[] args) {
        launch(args);
    }
}

主fxml:

<AnchorPane id="fxml1_anchorpane_id" fx:id="fxml1_anchorpane" prefHeight="206.0" prefWidth="406.0" xmlns:fx="http://javafx.com/fxml" fx:controller="test_twocontroller.Fxml1Controller">
  <children>
    <HBox id="fxml1_hbox_id" fx:id="fxml1_hbox" prefHeight="200.0" prefWidth="400.0">
      <children>
        <Button id="fxml1_button_id" fx:id="fxml1_button" mnemonicParsing="false" onAction="#button_action" prefHeight="200.0" prefWidth="200.0" text="Button" />
      </children>
    </HBox>
  </children>
</AnchorPane>

及其控制器:

public class Fxml1Controller implements Initializable {

    @FXML HBox hbox;
    @FXML Button button;

    @Override
    public void initialize(URL url, ResourceBundle rb) { }

    public void button_action(ActionEvent event) throws IOException {
        // 1. add an instance of Fxml2 to hbox
        // 2. change to tab2 in new Fxml2
        // or
        // notify Fxml2Controller to change to tab2 in Fxml2
    }
}

现在要动态添加的控件：

其影响：

<AnchorPane id="fxml2_anchorpane_id" fx:id="fxml2_anchorpane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="200.0" prefWidth="200.0" xmlns:fx="http://javafx.com/fxml" fx:controller="test_twocontroller.Fxml2Controller">
  <children>
    <TabPane id="fxml2_tabpane_id" fx:id="fxml2_tabpane" prefHeight="200.0" prefWidth="200.0" tabClosingPolicy="UNAVAILABLE">
      <tabs>
        <Tab id="fxml2_tab1_id" fx:id="fxml2_tab1" text="tab1">
          <content>
            <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
          </content>
        </Tab>
        <Tab id="fxml2_tab2_id" fx:id="fxml2_tab2" onSelectionChanged="#onSelectionChanged" text="tab2">
          <content>
            <AnchorPane id="Content" minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
          </content>
        </Tab>
      </tabs>
    </TabPane>
  </children>
</AnchorPane>

和控制器：

public class Fxml2Controller {

    @FXML TabPane tabpane;
    @FXML Tab tab1;
    @FXML Tab tab2;

    public Fxml2Controller() throws IOException {
        Parent root = FXMLLoader.load(getClass().getResource("Fxml2.fxml"));
        Scene scene = new Scene(root);        
        Stage stage = new Stage();
        stage.setScene(scene);        
    }    

    public void onSelectionChanged(Event e) throws IOException {

        FXMLLoader loader = new FXMLLoader();
        // how can i get the current Fxml1 anchorpane instance?
        AnchorPane root = (AnchorPane) loader.load(getClass().getResource("Fxml1.fxml").openStream());

        Button b = (Button)root.lookup("#fxml1_button_id");        
        b.setText("New Button Text"); // dont change the buttons text!!!               
}
}

用法是：应将fxml2添加到fxml1的hbox中。然后在fxml1中单击按钮后，fxml2的选项卡应更改。你可以看看那张照片http://s13.postimage.org/uyrmgylo7/two_controlls.png

所以我的问题是:

• 如何将一个或多个fxml2控制器添加到fxml1的hbox中
• 如何从一个控件访问另一个控件或在控件之间通信？有关详细信息，请参阅Fxml2Controller中的onSelectionChanged（）方法

先谢谢你solarisx

Answer 1

你似乎混淆了几个截然不同的概念。首先，舞台可以理解为屏幕上的一个窗口。它有一个保存实际场景图的场景对象。在您的示例中，您正在创建一个新的舞台和一个新的场景，其中填充了您的第二个fxml文件的内容。这意味着，如果工作，第二个窗口将弹出包含您的东西。我不认为这是你想要实现的。

此外，当FXMLLoader读取文件时，它会查找指定为其控制器的类，并通过反射构造它的实例。这意味着当您在fxml文件的控制器构造函数中调用load方法时，您将导致无限循环。

最后要理解的是，< code>load()返回的对象是一个任意节点，可以像任何其他节点一样放入应用程序的场景图中。

因此，要使您的概念发挥作用，您应该执行以下操作：

1. 将当前在第二个控制器构造函数中的加载代码移动到第一个控制器的button_Action方法。
2. 丢掉button_action中的new-Stage-new-场景代码，取FXMLLoader返回的Node添加到HBox的子节点中。
3. 对于您的第二个问题，如果您实际创建了FXMLLoader的实例而不是调用静态方法，并在其中使用load（）方法，您可以获取控制器实例。调用load（）后，您可以通过getController（）和getRoot（）检索fxml-file的控制器和根对象。然后您可以像使用逻辑中的任何任意对象一样使用它们。