首页 > 解决方案 > 不能使用 root.getchildren(),只能使用 root.getchildrenunmodifiable()

问题描述

语境

我正在为一个小游戏创建一个 GUI。游戏有一个开始画面。当玩家点击开始时,舞台场景从菜单场景变为游戏场景。新的游戏场景以 Group 为父级,并包含一些元素,例如玩家的分数和姓名,所有这些元素都已在 FXML 文件中定义。到目前为止,该程序有效。

问题

我现在的目标是创建一个网格,作为我游戏的基础。当玩家从菜单开始游戏时,这个网格应该出现在游戏场景中。稍后我希望能够根据用户输入更改板的大小

我试过的

1. 在事件处理程序中创建网格

我的理由是在玩家单击启动游戏的“单人游戏”按钮时创建网格。按照这个推理,我将简单地获取根节点(一个组)的子节点并将网格窗格添加到它

为什么我被卡住了

以下代码片段显示了处理 on 按钮单击事件的控制器。注释掉,我创建了一个按钮,获取根节点并使用标准的 getChildren().add(...) 方法。然而这失败了。Intellij 实际上建议使用 getChildrenUnmodifiable() 代替。据我了解, getChildrenUnmodifiable() 是只读的,这不符合我的目的。我读到问题是父母受到保护并且无法修改。那我应该去哪里修改呢?

@FXML
public void onButtonChangeScene(ActionEvent event) throws IOException {
    // Go to single player window
    if (event.getSource().equals(singleplayer)){
        Parent root = FXMLLoader.load(getClass().getResource("Views/board.fxml"));
        Scene rootscene = new Scene(root);

        //Get stage information
        Stage window = (Stage) ((Node)event.getSource()).getScene().getWindow();
        window.setScene(rootscene);


        // Creates the board
        Button button1 = new Button("Button 1");
        //Part that fails
        root.getchildren().add(button1);

        window.show();

fxml 文件如下所示

Group xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.BoardController">
   <children>
      <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0">
         <left>
            <AnchorPane prefHeight="200.0" prefWidth="200.0" BorderPane.alignment="CENTER">
               <children>
                  <Label alignment="CENTER" contentDisplay="CENTER" layoutY="6.0" prefHeight="17.0" prefWidth="200.0" text="Player 1">
                     <font>
                        <Font size="30.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER" contentDisplay="CENTER" layoutY="51.0" prefHeight="17.0" prefWidth="200.0" text="1200">
                     <font>
                        <Font size="30.0" />
                     </font>
                  </Label>
                  <Button fx:id="abandon" layoutX="71.0" layoutY="342.0" mnemonicParsing="false" onAction="#onButtonChangeScene" text="Abandon" />
               </children>
            </AnchorPane>
         </left>
         <right>
            <AnchorPane prefHeight="200.0" prefWidth="200.0" BorderPane.alignment="CENTER">
               <children>
                  <Label alignment="CENTER" contentDisplay="CENTER" layoutY="7.0" prefHeight="17.0" prefWidth="200.0" text="Player 2">
                     <font>
                        <Font size="30.0" />
                     </font>
                  </Label>
                  <Label alignment="CENTER" contentDisplay="CENTER" layoutY="52.0" prefHeight="17.0" prefWidth="200.0" text="800">
                     <font>
                        <Font size="30.0" />
                     </font>
                  </Label>
               </children>
            </AnchorPane>
         </right>
         <center>
            <GridPane fx:id="gridpane" BorderPane.alignment="CENTER">
              <columnConstraints>
                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
              </columnConstraints>
              <rowConstraints>
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
              </rowConstraints>
               <children>
                  <ImageView fitHeight="118.0" fitWidth="99.0" pickOnBounds="true" preserveRatio="true">
                     <image>
                        <Image url="@../Images/bluecard.png" />
                     </image>
                  </ImageView>
                  <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.rowIndex="1" />
                  <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="1" />
                  <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.rowIndex="2" />
                  <ImageView fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="1" GridPane.rowIndex="2" />
               </children>
            </GridPane>
         </center>
      </BorderPane>
   </children>
</Group>

2.在fxml中静态创建网格

我尝试使用场景构建器在 FXML 中创建网格窗格。但是我不确定如何使用代码与 fxml 交互以修改网格窗格的大小或内容。

问题

1 将GridPane添加到父节点的最佳方法是什么

a) 在事件处理程序中创建它。

b) 在FXML文件中静态创建,修改板子大小

2 如何解决 root.getChildren() 能够添加节点的问题?

标签: javajavafx

解决方案


您需要将 .add() 与窗格一起使用,并且您的根不是窗格。

尝试

private BorderPane mainpane = (BorderPane)root.getchildren();
mainpane.add(gridpane);

或者

将 fx:id 设置为要添加 gridPane 的窗格,例如:

<BorderPane fx:id = "mainpane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0">

那么你可以这样做:

private BorderPane mainpane;
private GridPane gridpane;
mainpane.add(gridpane);


推荐阅读