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

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

编辑：因此，我应该声明多个锚定窗格并将它们附加到主锚定窗格吗？

    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被指定用于锚定孩子。

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

锚定窗格中元素的顺序

1 个答案: