java - 锚定 Pane 中元素的顺序

Question

当我尝试初始化 anchor Pane 时，会发生奇怪的事情:如果我按此顺序放置元素，我无法用鼠标单击，例如，在列表的元素上单击。

AnchorPane root = new AnchorPane(listLoader.load(), fieldLoader.load(), textareaLoader.load(), buttonLoader.load(),  menuLoader.load());

但是如果我以这种方式编写，我可以选择列表中的项目，但不能选择菜单栏中的项目:

AnchorPane root = new AnchorPane(fieldLoader.load(), textareaLoader.load(), buttonLoader.load(),  menuLoader.load(), listLoader.load());

你知道我应该如何编写元素才能至少使按钮、菜单和列表可点击吗？

这是完整的代码:

@Override
public void start(Stage stage) throws Exception {
    FXMLLoader listLoader = new FXMLLoader(getClass().getResource("lista.fxml"));
    FXMLLoader textareaLoader = new FXMLLoader(getClass().getResource("textarea.fxml"));
    FXMLLoader fieldLoader = new FXMLLoader(getClass().getResource("textfield.fxml"));
    FXMLLoader menuLoader = new FXMLLoader(getClass().getResource("menubar.fxml"));
    FXMLLoader buttonLoader = new FXMLLoader(getClass().getResource("button.fxml"));

    AnchorPane root = new AnchorPane(listLoader.load(), fieldLoader.load(), textareaLoader.load(), buttonLoader.load(),  menuLoader.load());

    ListController listController = listLoader.getController();
    TextAreaController textareaController = textareaLoader.getController();
    TextFieldController fieldController = fieldLoader.getController();
    MenuBarController menuController = menuLoader.getController();
    ButtonController buttonController = buttonLoader.getController();

    DataModel model = new DataModel();
    listController.initModel(model);
    textareaController.initModel(model);
    fieldController.initModel(model);
    menuController.initModel(model);
    buttonController.initModel(model);

    Scene scene = new Scene(root, 603, 403);
    stage.setScene(scene);
    stage.show();
}

列表.fxml:

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="mailbox.ListController">

按钮.fxml:

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="mailbox.ButtonController">

MenuBar.fxml:

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8" fx:controller="mailbox.MenuBarController">
<children>
    <MenuBar fx:id="menuBar" layoutX="0.0" layoutY="0.0">
        <menus>
            <Menu text="File">
                <items>
                    <MenuItem onAction="#elimina" text="Elimina" />
                </items>
            </Menu>
            <Menu text="Cambia Account">
                <items>
                    <MenuItem fx:id="email1" text="filippo@hotmail.it" />
                    <MenuItem fx:id="email2" text="giancarlo@yahoo.it" />
                    <MenuItem fx:id="email3" text="alessandro@gmail.it" />
                </items>
            </Menu>
        </menus>
    </MenuBar>
</children>

文本区域.fxml:

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/8" fx:controller="mailbox.TextAreaController">

文本字段.fxml:

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" mouseTransparent="false" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="mailbox.TextFieldController">

编辑:那么我应该声明多个锚定 Pane 并将它们附加到主锚定 Pane 吗？

    AnchorPane root = new AnchorPane();

    AnchorPane lista = new AnchorPane(listLoader.load());
    AnchorPane textarea = new AnchorPane(textareaLoader.load());
    AnchorPane field = new AnchorPane(fieldLoader.load());
    AnchorPane menu = new AnchorPane(menuLoader.load());
    AnchorPane button = new AnchorPane(buttonLoader.load());

    root.getChildren().addAll(lista, textarea, field, menu, button);

EDIT2:这是我的程序的输出，我可以用 BorderPane 创建它吗？因为它会自动将元素锚定在右侧、左侧等...例如，我无法放置文本字段，如图所示

Answer 1

连续加载的 Pane 可能具有相同的大小。加载它们后，您会得到一堆大小相同的 Pane 。在这种情况下，只有最顶部的 Pane (作为最后一个添加)响应鼠标事件。我建议为每个 Pane 提供正确的尺寸和 anchor 。如果我的论文不正确，请提供更多代码。

编辑:如果 child1 和 child2 具有相同的尺寸，则只有蓝色的可见，但红色的仍然会出现，但在下面并且全部被蓝色的覆盖。您的应用程序也有同样的情况。顺便说一句，您滥用了 AnchorPane。 AnchorPane 指定用于锚定子项。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;

public class AnchorPaneTest extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        AnchorPane anchorPane = new AnchorPane();

        AnchorPane child1 = new AnchorPane();
        child1.setPrefSize(400., 600.);
        child1.setStyle("-fx-background-color: red;");

        AnchorPane child2 = new AnchorPane();
        child2.setPrefSize(400., 300.);
        child2.setStyle("-fx-background-color: blue;");

        anchorPane.getChildren().addAll(child1, child2);

        stage.setScene(new Scene(anchorPane));
        stage.show();
    }
}