JavaFX：鼠标落后于绘图

Question

我有一个JavaFX应用程序，我在画布上画画。绘图跟随鼠标。此移动有点滞后，因为渲染需要一些时间。到目前为止还可以。但当我停止鼠标时，它的坐标有时仍处于旧位置。

以下代码再现了该问题：

import javafx.application.Application;
import javafx.application.Platform;
import javafx.scene.Scene;
import javafx.scene.SceneBuilder;
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(event ->
        {
            ellipse.setCenterX(event.getX());
            ellipse.setCenterY(event.getY());
            Platform.runLater(() -> doSomeWork());
        });

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

        primaryStage.show();
    }

    void doSomeWork()
    {
        try
        {
            Thread.sleep(100);
        }
        catch (Exception ignore) { }
    }
}

当您快速移动鼠标并突然停止时，圆圈有时不在鼠标下方。

我玩过使用或不使用平台。runLater（）或调用顺序。没有成功。

编辑：我无法在Windows下重现这种行为。

Answer 1

我的假设是在UI线程和平台上调用onMouseMoved。稍后运行。这会阻塞UI线程，因此，最后的onMouseMoved调用将被丢弃（这使圆圈位于onMouseMoved最后一次调用的位置）。如平台中所定义。runLater文档：

此外，在可能的情况下，长时间运行的操作应该在后台线程上完成，从而为GUI操作释放JavaFX应用程序线程。

所以试着在一个额外的线程上完成你的工作，并在计算完成后通过run延迟将它发布到UI：

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(event ->
        {
            ellipse.setCenterX(event.getX());
            ellipse.setCenterY(event.getY());
            doSomeWork();
        });

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

        primaryStage.show();
    }

    void doSomeWork()
    {
        new Thread(){
            public void run(){

                try
                {
                    Thread.sleep(100);
                    Platform.runLater(() -> {
                        // ui updates
                    });
                }
                catch (Exception ignore) { }
            }
        }.start();
    }
}