JavaFX 8新手求助：如何将默认居中的矩形改为左上对齐绘制？

嘿，我来帮你理一理这个问题——其实JavaFX里的Rectangle本身的x和y参数就是左上角的坐标，不是居中的！你遇到的问题大概率是布局容器在搞鬼，而不是Rectangle本身的问题。

为什么你的代码没按预期工作？ #

最常见的原因是你把Rectangle放在了像StackPane、VBox这类自带自动布局逻辑的容器里。比如StackPane默认会把所有子节点居中对齐，哪怕你设置了x=0,y=0，它也会把矩形挪到容器中间，导致你看起来像是“居中绘制”。

怎么解决？ #

最简单的办法是把容器换成**Pane**（或者它的子类比如AnchorPane），Pane是绝对布局容器，不会自动调整子节点的位置，完全遵循你设置的x、y坐标。

给你写个完整的示例代码，直接用鼠标点击坐标作为矩形的左上角：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class RectangleDrawDemo extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 用Pane作为根容器，支持绝对定位
        Pane root = new Pane();
        Scene scene = new Scene(root, 800, 600);

        // 鼠标点击事件：直接把点击坐标设为矩形左上角
        root.setOnMouseClicked(event -> {
            Rectangle carRect = new Rectangle(event.getX(), event.getY(), 70, 36);
            carRect.setFill(Color.DODGERBLUE);
            root.getChildren().add(carRect);
        });

        primaryStage.setTitle("从左上角绘制矩形");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

其他需要检查的点 #

• 如果你一定要用StackPane这类容器，可以手动设置矩形的对齐方式：

  StackPane.setAlignment(carRect, Pos.TOP_LEFT);
  StackPane.setMargin(carRect, new Insets(0)); // 清除默认边距
  

  不过这种方式不如直接用Pane来得直观。
• 检查有没有不小心设置了setTranslateX()或setTranslateY()，这些属性会在你设置的x/y基础上额外偏移矩形位置，导致坐标不对。

总结 #

核心问题就是布局容器的自动布局覆盖了你设置的矩形坐标，换成Pane这类绝对布局容器后，你就能直接用鼠标点击的坐标作为矩形的左上角，让它向东、向南延伸绘制啦。

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