通过在javafx 2中拖动来移动节点的正确方法？

javafx java

2022-09-01 15:36:14

我正在将一个带有大量自定义绘画的Swing / Graphics2D应用程序转换为JavaFX2应用程序。虽然我非常喜欢新的API，但在绘制要将鼠标移动到鼠标光标下方的椭圆时，我似乎遇到了性能问题。当我以稳定的方式移动鼠标时，而不是以可笑的速度移动时，我注意到椭圆总是在鼠标尾迹上向后画几厘米，并且只有在我停止移动光标时才赶上。这在只有少数节点的场景图中。在我的Swing应用程序中，我没有这个问题。

我想知道这是否是绘制鼠标游标所在形状的正确方法？

import javafx.application.Application;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.SceneBuilder;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Ellipse;
import javafx.scene.shape.EllipseBuilder;
import javafx.stage.Stage;

public class TestApp extends Application {
public static void main(String[] args) {
    launch(args);
}

@Override
public void start(Stage primaryStage) throws Exception {
    Pane p = new Pane();

    final Ellipse ellipse = EllipseBuilder.create().radiusX(10).radiusY(10).fill(Color.RED).build();
    p.getChildren().add(ellipse);

    p.setOnMouseMoved(new EventHandler<MouseEvent>() {
        public void handle(MouseEvent event) {
            ellipse.setCenterX(event.getX());
            ellipse.setCenterY(event.getY());
        }
    });

    Scene scene = SceneBuilder.create().root(p).width(1024d).height(768d).build();
    primaryStage.setScene(scene);

    primaryStage.show();
}
}

小更新：我升级到JavaFX 2.2和Java7u6（在Windows 7 64bit上），似乎没有区别。

答案 1

下面是我用来允许在窗格中拖动标签的一些代码。我没有注意到鼠标尾迹后面有任何明显的滞后。

// allow the label to be dragged around.
final Delta dragDelta = new Delta();
label.setOnMousePressed(new EventHandler<MouseEvent>() {
  @Override public void handle(MouseEvent mouseEvent) {
    // record a delta distance for the drag and drop operation.
    dragDelta.x = label.getLayoutX() - mouseEvent.getSceneX();
    dragDelta.y = label.getLayoutY() - mouseEvent.getSceneY();
    label.setCursor(Cursor.MOVE);
  }
});
label.setOnMouseReleased(new EventHandler<MouseEvent>() {
  @Override public void handle(MouseEvent mouseEvent) {
    label.setCursor(Cursor.HAND);
  }
});
label.setOnMouseDragged(new EventHandler<MouseEvent>() {
  @Override public void handle(MouseEvent mouseEvent) {
    label.setLayoutX(mouseEvent.getSceneX() + dragDelta.x);
    label.setLayoutY(mouseEvent.getSceneY() + dragDelta.y);
  }
});
label.setOnMouseEntered(new EventHandler<MouseEvent>() {
  @Override public void handle(MouseEvent mouseEvent) {
    label.setCursor(Cursor.HAND);
  }
});

. . .

// records relative x and y co-ordinates.
class Delta { double x, y; }

下面是一个使用上述代码的小型完整示例应用。

更新上面的示例，当被拖动的对象很小时，仍然会滞后于被拖动的对象。

另一种方法是使用由鼠标指针组成的 ImageCursor，该鼠标指针叠加在被拖动节点的图像表示形式上，然后在拖动开始和完成时隐藏并显示实际节点。这意味着节点拖动渲染不会滞后于光标（因为节点的图像表示形式现在是光标）。然而，这种方法确实有缺点=>ImageCursors的大小和格式有限制，而且您需要将Node转换为Image以将其放置在ImageCursor中，为此您可能需要高级Node = >图像转换操作，仅在JavaFX 2.2 +中可用。

答案 2

您描述的滞后（鼠标和拖动的形状之间）是一个已知的 JavaFX 错误：

https://bugs.openjdk.java.net/browse/JDK-8087922

您可以通过使用未记录的JVM标志来解决此问题（至少在Windows上）：

-Djavafx.animation.fullspeed=true

这个标志通常用于内部性能测试，这就是为什么它是未记录的，但我们已经使用它几个月了，到目前为止还没有遇到任何问题。

编辑：

还有另一种类似的方法来解决此错误，这可能对CPU使用率更容易一些。只需关闭 Prism 的垂直同步：

-Dprism.vsync=false

在我们的应用程序中，这些解决方法中的任何一个都可以解决滞后问题;没有必要同时做这两件事。