几秒后javafx画布停止显示(我尝试了百万个椭圆)

时间:2016-03-16 22:32:42

标签: java multithreading canvas javafx

我试图每秒动画地在画布上展示一百万个椭圆形。我使用一个线程作为渲染线程,但我的问题是,经过几次secondes后,画布冻结并停止显示。我猜缓冲区已满,因此无法再显示,但如何清除缓冲区?测试源代码如下:

public class Main extends Application {

    public void start(Stage primaryStage) {
        primaryStage.setTitle("Drawing Operations Test");
        Group root = new Group();
        Canvas canvas = new Canvas(800, 800);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        drawShapes(gc);
        root.getChildren().add(canvas);
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
        Task task2 = new Task<Void>()
        {
            public synchronized Void call() throws Exception {
                while (true) {
                    Thread.sleep(1000);
                    Canvas canvas = gc.getCanvas();
                    canvas.getGraphicsContext2D().clearRect(0, 0, canvas.getHeight(), canvas.getWidth());
                    drawShapes(canvas.getGraphicsContext2D());

                }
            }
        };
        Thread t = new Thread(task2);
        t.start();
    }

    private void drawShapes(GraphicsContext gc) {
        gc.setFill(Color.GREEN);
        gc.setStroke(Color.BLUE);
        gc.setLineWidth(1);
        double widthOval=1;
        double heightOval = 1;
        for (int i = 0; i < 500; ++i) {
            for (int j = 0; j < 500; ++j) {

                if (Math.random() < 0.5) {
                    gc.fillOval(i * widthOval, j * heightOval, widthOval, heightOval);
                }
                else {
                    gc.strokeOval(i * widthOval, j * heightOval, widthOval, heightOval);
                }
            }
        }
    }

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

任何人都可以帮助我吗?

提前致谢,

皮尔

1 个答案:

答案 0 :(得分:1)

什么(可能)出错以及如何解决

不要使用任务和单独的线程进行绘图。必须在JavaFX应用程序线程上对场景图(包括画布)进行修改。而是使用Timeline(它将在JavaFX应用程序线程上隐式执行它的关键帧代码)。如果您必须使用任务,那么至少使用Platform.runLater将您的调用包围到修改活动场景图的JavaFX API中。

潜在的扩展问题

每秒一百万个椭圆可能需要在单帧中绘制很多。您可能希望运行一些基准测试来查看目标平台的可用数量(尽管我的下面的示例似乎在2014年Macbook Pro上没有性能问题时执行得很好)。

示例代码

以下是您可以尝试使用时间轴的更新示例。它似乎对我很好(Java 8u60,OS X 10.9.5) - 每秒渲染250,000个圆圈:

import javafx.animation.*;
import javafx.application.Application;
import javafx.scene.*;
import javafx.scene.canvas.*;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import javafx.util.Duration;

public class LotsaCircles extends Application {
    private static final double SIZE = 500;

    public void start(Stage stage) {
        Canvas canvas = new Canvas(SIZE, SIZE);

        Timeline timeline = new Timeline(
                new KeyFrame(
                        Duration.seconds(0), 
                        event -> drawShapes(canvas.getGraphicsContext2D())
                ),
                new KeyFrame(Duration.seconds(1))
        );
        timeline.setCycleCount(Timeline.INDEFINITE);
        timeline.play();

        stage.setScene(new Scene(new Group(canvas)));
        stage.show();
    }

    private void drawShapes(GraphicsContext gc) {
        gc.clearRect(0, 0, SIZE, SIZE);
        gc.setFill(Color.GREEN);
        gc.setStroke(Color.BLUE);
        gc.setLineWidth(1);
        double widthOval = 1;
        double heightOval = 1;
        for (int i = 0; i < SIZE; ++i) {
            for (int j = 0; j < SIZE; ++j) {
                if (Math.random() < 0.5) {
                    gc.fillOval(i * widthOval, j * heightOval, widthOval, heightOval);
                }
                else {
                    gc.strokeOval(i * widthOval, j * heightOval, widthOval, heightOval);
                }
            }
        }
    }

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