两个圆之间的JavaFX距离并不断更新属性

Question

为了作业，我创建了 2 个可拖动的圆圈并用 javaFX 将它们连接起来。

我需要添加文本来计算两个圆之间的距离（或线的长度），并且当我拖动圆时该文本需要不断更新，但这就是我卡住的地方

    Circle circle1 = new Circle();
    circle1.setCenterX(40);
    circle1.setCenterY(40);
    circle1.setRadius(10);
    Circle circle2 = new Circle();
    circle2.setCenterX(120);
    circle2.setCenterY(150);
    circle2.setRadius(10);
    Line line = new Line ();

    line.startXProperty().bind(circle1.centerXProperty());
    line.startYProperty().bind(circle1.centerYProperty());
    line.endXProperty().bind(circle2.centerXProperty());
    line.endYProperty().bind(circle2.centerYProperty());

    circle1.setOnMousePressed(mousePressEventHandler);
    circle1.setOnMouseDragged(mouseDragEventHandler);
    circle2.setOnMousePressed(mousePressEventHandler);
    circle2.setOnMouseDragged(mouseDragEventHandler);

这是我的两个圆圈和一条线，我试过了

 Text distance = new Text();
 distance.textProperty().bind(circle1.centerXProperty()-circle2.centerXProperty() . . .);

但是，如您所知，我无法正常计算属性值，我不知道该如何计算。

Answer 1

您可以创建一个 DoubleProperty

DoubleProperty distanceProperty = new SimpleDoubleProperty();

和一个 ChangeListener，您可以在其中计算距离

ChangeListener<Number> changeListener = (observable, oldValue, newValue) -> {

  Point2D p1 = new Point2D(circle1.getCenterX(), circle1.getCenterY());
  Point2D p2 = new Point2D(circle2.getCenterX(), circle2.getCenterY());
  distanceProperty.set(p1.distance(p2));

};

分配监听器

circle1.centerXProperty().addListener( changeListener);
circle1.centerYProperty().addListener( changeListener);
circle2.centerXProperty().addListener( changeListener);
circle2.centerYProperty().addListener( changeListener);

并将距离属性绑定到文本

Text text = new Text();
text.textProperty().bind(distanceProperty.asString());

两个圆之间的JavaFX距离并不断更新属性

JavaFX distance between two circle and keep updating property

text

javafx

properties

distance