首页 > 解决方案 > 无法循环遍历 FXML 元素并将其中一些元素添加到列表中

问题描述

我发现这个问题很有帮助,但我仍然很难让我的循环正常工作。

期待:

我正在构建一个简单的 JavaFX 应用程序,它的 UI 通过几个 TextField 和几个按钮进行输入。我已经构建了一个“重置”按钮,它应该清除所有 TextFields 中的文本,但我无法让它工作。

按钮的方法循环遍历 FXML 元素,我希望它能够识别 TextField 并将它们添加到列表中:

private List<TextField> identifyTextFields(Pane parent) {

    List<TextField> textFieldList = new ArrayList<>();

    for (Node element : parent.getChildren()) {

        if (element instanceof Pane) {
            // if element is a container, scan its children
            scanNodesForTextFields((Pane) element);

            //This line is always false. Why?
            if (element instanceof TextField) {

                textFieldList.addAll(scanNodesForTextFields((Pane) element));
            }


        } else if (element instanceof TextField) {

            textFieldList.add((TextField) element);
        }
    }

    return textFieldList;
}

然后,将 textFieldList 返回到该方法,在该方法中循环并清除 textField:

 @FXML
public void resetButtonClicked(ActionEvent event) {

    List<TextField> textFieldList = identifyTextFields(parentNode);

    for (TextField textField : textFieldList) {

        textField.setText("");
    }

}

现实:

在里面

identifyTextFields(Pane parent)

方法,这一行总是错误的:

if (element instanceof TextField) {

我不明白为什么。我试图遍历 FXML 场景图的所有元素,从根节点开始,它是一个锚窗格。如果内部循环发现其中一个元素是 TextField,则应将其添加到列表中……但它永远不会找到任何 TextField。

我在理解调试结果时也遇到了一些麻烦,但在我看来,该方法甚至没有访问 TextField;就好像它跳过了它们一样。

我的方法有什么问题?

作为参考,这是包含我要定位的 6 个文本字段的场景图片段:

<AnchorPane fx:id="parentNode" prefHeight="758.0" 
prefWidth="662.0" xmlns="http://javafx.com/javafx/8.0.171" 
xmlns:fx="http://javafx.com/fxml/1" 
fx:controller="Controller">
   <children>
  ...snip...
       <HBox fx:id="textFieldContainer" layoutY="378.0" prefHeight="100.0" prefWidth="660.0">
                 <children>
                    <VBox prefHeight="100.0" prefWidth="110.0">
                       <children>
                          <Label text="1">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldOne">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                    <VBox prefHeight="100.0" prefWidth="110.0">
                       <children>
                          <Label text="2">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldTwo">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                    <VBox prefHeight="200.0" prefWidth="110.0">
                       <children>
                          <Label text="3">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldThree">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                    <VBox prefHeight="200.0" prefWidth="110.0">
                       <children>
                          <Label text="4">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldFour">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                    <VBox prefHeight="200.0" prefWidth="110.0">
                       <children>
                          <Label text="5">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldFive">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                    <VBox prefHeight="200.0" prefWidth="110.0">
                       <children>
                          <Label text="6">
                             <padding>
                                <Insets left="30.0" />
                             </padding>
                             <font>
                                <Font name="Calibri" size="16.0" />
                             </font>
                          </Label>
                          <TextField fx:id="textFieldSix">
                             <VBox.margin>
                                <Insets top="10.0" />
                             </VBox.margin>
                          </TextField>
                       </children>
                    </VBox>
                 </children></HBox>
           ...snip...

标签: javaloopsjavafxfxml

解决方案


您可以使用基于“TextField”css 类型的 CSS 选择器的查找来递归查找给定父节点的所有文本字段。

@SuppressWarnings("unchecked")
private Set<TextField> lookupTextFields(Parent parent) {
    return (Set<TextField>)(Set<?>) parent.lookupAll("TextField");
}

奇怪的类型转换来自:


有时,要使查找正常运行,您需要生成布局通道;看:

这是通过在调用之前调用以下命令来完成的lookupAll

parent.applyCss();
parent.layout();

但是,对于您的特定情况,不太可能需要生成布局通道。FXML 加载器在 FXML 加载调用期间已经构建了足够多的场景图,因此基于“TextField”css 选择器的查找将起作用。


推荐阅读