JavaFX叠加元素移动问题求助：点击卡片前置功能实现遇阻

方案1：用Pane作为主容器（最简洁高效） #

StackPane的核心特性是堆叠且默认居中布局，不适合自由定位子节点。换成Pane作为主容器，它不会自动管理子节点位置，你可以直接用setLayoutX()和setLayoutY()给卡片定位，点击卡片时调用card.toFront()即可将其移至顶层：

Pane mainContainer = new Pane();

// 初始化卡片
ImageView card1 = new ImageView("card1.png");
card1.setLayoutX(50);
card1.setLayoutY(50);
ImageView card2 = new ImageView("card2.png");
card2.setLayoutX(100);
card2.setLayoutY(100);

// 统一绑定点击置顶逻辑
EventHandler<MouseEvent> bringToFrontHandler = e -> {
    Node source = (Node) e.getSource();
    source.toFront();
};
card1.setOnMouseClicked(bringToFrontHandler);
card2.setOnMouseClicked(bringToFrontHandler);

mainContainer.getChildren().addAll(card1, card2);

方案2：修复StackPane+AnchorPane的原有方案 #

如果坚持使用StackPane，核心问题是你让AnchorPane占满了整个容器，导致遮挡下层节点。只需让AnchorPane的大小与卡片一致，再通过StackPane的margin约束定位即可：

StackPane mainContainer = new StackPane();

ImageView card1 = new ImageView("card1.png");
AnchorPane pane1 = new AnchorPane(card1);
// 让AnchorPane适配卡片尺寸
pane1.setPrefSize(card1.getFitWidth(), card1.getFitHeight());
// 通过margin设置AnchorPane在StackPane中的位置
StackPane.setMargin(pane1, new Insets(50, 0, 0, 50)); // 顺序：top, right, bottom, left

ImageView card2 = new ImageView("card2.png");
AnchorPane pane2 = new AnchorPane(card2);
pane2.setPrefSize(card2.getFitWidth(), card2.getFitHeight());
StackPane.setMargin(pane2, new Insets(100, 0, 0, 100));

// 点击时将当前AnchorPane移至StackPane子节点列表末尾（即顶层）
pane1.setOnMouseClicked(e -> {
    mainContainer.getChildren().remove(pane1);
    mainContainer.getChildren().add(pane1);
});
pane2.setOnMouseClicked(e -> {
    mainContainer.getChildren().remove(pane2);
    mainContainer.getChildren().add(pane2);
});

方案3：直接在StackPane中用Translate偏移定位 #

若一定要保留StackPane作为主容器，放弃setLayoutX/Y，改用setTranslateX()和setTranslateY()实现卡片偏移（StackPane默认居中，Translate是在居中基础上调整位置），点击时调用card.toFront()置顶：

StackPane mainContainer = new StackPane();

ImageView card1 = new ImageView("card1.png");
card1.setTranslateX(-100);
card1.setTranslateY(-50);
ImageView card2 = new ImageView("card2.png");
card2.setTranslateX(50);
card2.setTranslateY(30);

card1.setOnMouseClicked(e -> card1.toFront());
card2.setOnMouseClicked(e -> card2.toFront());

mainContainer.getChildren().addAll(card1, card2);

内容的提问来源于stack exchange，提问作者il_tonino