锚窗格中元素的顺序

Question

当我尝试初始化锚定窗格时，发生了一件奇怪的事情：如果我按此顺序放置元素，我无法用鼠标单击，例如，在列表的元素上。

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

但是如果我这样写，我可以 select 列表中的项目而不是菜单栏中的项目:

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();
}

Lista.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">

Button.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>

Textarea.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">

Textfield.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">

编辑：那么我应该声明多个 Anchor Pane 并将它们附加到主 Anchor 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 创建它吗？因为它会自动将元素锚定在右边，左边的 ecc ... 例如我不能像你在图片中看到的那样放置文本字段

Answer 1

可能连续加载的窗格大小相同。加载它们后，您会得到一堆大小相同的窗格。在那种情况下，只有最上面的窗格（添加为最后一个）响应鼠标事件。我建议为每个窗格提供正确的尺寸和锚点。如果我的论文不正确，请提供更多代码。

编辑：如果 child1 和 child2 的尺寸相同，则只有蓝色的可见，但红色的仍然存在，但在下方并且全部被蓝色的覆盖。这与您的应用程序的情况相同。顺便说一句，你在滥用 AnchorPane。 AnchorPane指定锚定children.

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();
    }
}

锚窗格中元素的顺序

Order of the elements in the Anchor Pane

java

listview

javafx

menuitem

observable