尝试定位图像时 setX 和 setY 不起作用

setX and setY not working when trying to position images

我在使用 ImageView 上的 setX 和 setY 将图像定位到 JavaFX 程序时遇到问题。我不确定是什么问题?感谢您提供的任何帮助!
这是我的代码:

        Image rocket2 = new Image("img/Rocket.png");
        ImageView iv1 = new ImageView(rocket2);
        iv1.setX(60);
        iv1.setY(44);

        Image rocket1 = new Image("img/Rocket.png");
        ImageView iv2 = new ImageView(rocket1);
        iv2.setX(5);
        iv2.setY(16);

        Image background = new Image("img/space.png");
        ImageView iv3 = new ImageView(background);

        StackPane root = new StackPane();
        root.getChildren().addAll(iv3, iv2, iv1);
        Scene scene = new Scene(root, 300, 300);
        scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.setResizable(false);
        primaryStage.setTitle("Space stuff");
        primaryStage.show();

我怀疑是哪里出了问题,因为我设置了背景图
img here on what's happening

StackPane 替换为 Pane 应该可以解决问题。

如果您想明确定义它们的布局位置(setXsetY),请不要将它们放在 StackPane 中。 StackPane 是一个托管布局窗格。它会自动设置添加到它的项目的位置(默认是将所有内容放在 StackPane 中的另一个顶部)。

而是使用 Pane or a Group,它们不是受管理的布局窗格,允许您根据需要在窗格中布局内容。

要在窗格内布置您的内容,您可以使用 setLayoutX and setLayoutY 而不是 setX 和 setY,不过我猜 setX 和 setY 也应该可以工作(我以前从未在 ImageView 上使用过它们)。

Pavlo,在我输入此内容时已经创建了一个答案(因此此答案是重复的),但我将保留它,因为它添加了更多解释。

但是,如果您出于某种原因想要在 StackPane 中放置一个项目,您可以使用 setTranslateX and setTranslateY。这些方法在 StackPane 完成其布局后设置 x 和 y 值,因此您将有不同的起始位置,具体取决于 StackPane 为其子项使用的对齐方式。