Перемещение фигур в холсте JavaFX

Question

Я хотел бы узнать, можно ли использовать GraphicsContext Canvas для создания круга (или любой фигуры, созданной с помощью GraphicsContext), а затем перемещать его по холсту. Если это так, каков алгоритм для этого? Я привык работать с Java, и я просто не могу понять это.

Заранее благодарим за любую помощь.

Answer 1

В основном, как это работает, вы устанавливаете Canvas и обновляете местоположение фигуры на основе некоторого Timeline. Затем, в AnimationTimer, вы рисуете свой холст.

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

public class AnimatedCircleOnCanvas extends Application { 
    public static final double W = 200; // canvas dimensions. 
    public static final double H = 200; 

    public static final double D = 20; // diameter. 

    @Override public void start(Stage stage) { 
     DoubleProperty x = new SimpleDoubleProperty(); 
     DoubleProperty y = new SimpleDoubleProperty(); 

     Timeline timeline = new Timeline(
      new KeyFrame(Duration.seconds(0), 
        new KeyValue(x, 0), 
        new KeyValue(y, 0) 
      ), 
      new KeyFrame(Duration.seconds(3), 
        new KeyValue(x, W - D), 
        new KeyValue(y, H - D) 
      ) 
     ); 
     timeline.setAutoReverse(true); 
     timeline.setCycleCount(Timeline.INDEFINITE); 

     final Canvas canvas = new Canvas(W, H); 
     AnimationTimer timer = new AnimationTimer() { 
      @Override 
      public void handle(long now) { 
       GraphicsContext gc = canvas.getGraphicsContext2D(); 
       gc.setFill(Color.CORNSILK); 
       gc.fillRect(0, 0, W, H); 
       gc.setFill(Color.FORESTGREEN); 
       gc.fillOval(
        x.doubleValue(), 
        y.doubleValue(), 
        D, 
        D 
       ); 
      } 
     }; 

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

     timer.start(); 
     timeline.play(); 
    } 

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

Это, однако, проще не использовать холст, но вместо того, чтобы использовать Pane, содержащий Circle в сочетании с TranslateTransition.