如何使用带有标签的形状位置

Question

如果我显示具有特定x和y坐标的圆，则可以正常工作：

public class FxApplication extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Group group = new Group();

        Circle circle = new Circle(100, 100, 2);
        group.getChildren().add(circle);

        Pane pane = new Pane(group);
        ScrollPane scrollPane = new ScrollPane(pane);
        BorderPane borderPane = new BorderPane(scrollPane);
        Scene scene = new Scene(borderPane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

但是，如果我在圆上添加标签，则圆的位置将被忽略。

public class FxApplication extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Group group = new Group();

        Circle circle = new Circle(100, 100, 2);
        Label label = new Label("test", circle);
        group.getChildren().add(label);

        Pane pane = new Pane(group);
        ScrollPane scrollPane = new ScrollPane(pane);
        BorderPane borderPane = new BorderPane(scrollPane);
        Scene scene = new Scene(borderPane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

如何保持圆的位置并仅添加标签，或者如何设置正确的圆位置（包括端点）？

例如，起作用的是：

Circle circle = new Circle(circle_center_x, circle_center_y, 3);
Text label = new Text("test");
double halfLabelHeight = label.getLayoutBounds().getHeight() / 2;
label.relocate(circle_center_x + 10, circle_center_y - halfLabelHeight);
this.getChildren().addAll(circle , label);

但是我正在寻找一种更集成的解决方案。 我以为Label对象可能有点聪明，可以自己完成，但是取而代之的是它取x和y圆的位置，并将其应用于自己的空间而不是父空间。

Answer 1

实际上，您实际上需要立即重定位标签，而不是仅仅告诉圆要显示的位置。 当指定new Circle(100,100,2)您要告诉Circle对象位于其父对象的x = 100和y = 100处。 在第一种情况下，其父级是group ，在第二种情况下，其父级现在是Label 。 为了在组内将Label定位为x，y = 100,100，您需要调用：

label.relocate(100, 100);

现在不需要Circle初始化。 即使将Circle设置为0,0，它仍将在Label旁边显示，因为标签将管理Node的位置。

PS。 您可以通过label.setNodeOrientation(NodeOrientation.RIGHT_TO_LEFT);将NodeOrientation从LEFT_TO_RIGHT更改为RIGHT_TO_LEFT label.setNodeOrientation(NodeOrientation.RIGHT_TO_LEFT); 或者，如果您想更改“形状”位置，则可以执行label.setContentDisplay(ContentDisplay.TOP); （或底部等）

我不确定我是否理解您在这里想要实现的目标，但是我想您想将Circle和Label彼此相邻。 另外，您希望根据圆的位置将标签标注为高度的中心。 如果先前的假设是正确的，那么这里是实现该目标的代码：

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ScrollPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class FxApplication extends Application {

    private Group group;

    @Override
    public void start(Stage primaryStage) throws Exception {
        group = new Group();

        addCustomNode(100, 100, new Circle(2), new Label("Test"));

        Pane pane = new Pane(group);
        ScrollPane scrollPane = new ScrollPane(pane);
        BorderPane borderPane = new BorderPane(scrollPane);
        Scene scene = new Scene(borderPane);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void addCustomNode(int x, int y, Circle circle, Label label) {

        double labelDimensions[] = getLabelDimensions(label);

        circle.setCenterX(100);
        circle.setCenterY(100);

        label.relocate(circle.getCenterX() + labelDimensions[0] / 2.0, circle.getCenterY() - labelDimensions[1] / 2.0);

        group.getChildren().addAll(circle, label);

    }

    // find the height and width before we
    // add the label to the stage
    private double[] getLabelDimensions(Label label) {
        HBox h = new HBox();
        Label l = new Label("Hello");
        h.getChildren().add(l);
        Scene s = new Scene(h);
        l.impl_processCSS(true);

        return new double[] { l.prefWidth(-1), l.prefHeight(-1) };
    }

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