JavaFX:画一个无限的符号并继续前进

JavaFX:画一个无限的符号并继续前进,java,animation,javafx,shapes,infinite,Java,Animation,Javafx,Shapes,Infinite,我需要创建一个JavaFX应用程序,生成一个无限符号形式的路径,然后创建一个将在该路径上移动的矩形。 到目前为止,我知道如何创建一个圆形和方形,并使用transitionPath移动该矩形,但如何创建一个无限大的形状?我对JavaFx(以及开发)非常熟悉,所以请不要太苛刻:) 以下是我的圆形代码: import javafx.animation.PathTransition; import javafx.animation.Timeline; import javafx.applicati

我需要创建一个JavaFX应用程序,生成一个无限符号形式的路径,然后创建一个将在该路径上移动的矩形。 到目前为止,我知道如何创建一个圆形和方形,并使用transitionPath移动该矩形,但如何创建一个无限大的形状?我对JavaFx(以及开发)非常熟悉,所以请不要太苛刻:)

以下是我的圆形代码:

 import javafx.animation.PathTransition;
 import javafx.animation.Timeline;
 import javafx.application.Application;
 import javafx.scene.Scene;
 import javafx.scene.layout.Pane;
 import javafx.scene.paint.Color;
 import javafx.scene.shape.Rectangle;
 import javafx.scene.shape.Circle;
 import javafx.stage.Stage;
 import javafx.util.Duration;

 public class PathTransitionDemo extends Application {
 @Override 
 public void start(Stage primaryStage) {

 Pane pane = new Pane();


 Rectangle rectangle = new Rectangle (0, 0, 25, 50);
 rectangle.setFill(Color.ORANGE);

 Circle circle = new Circle(125, 100, 50);
 circle.setFill(Color.WHITE);
 circle.setStroke(Color.BLACK);

 pane.getChildren().add(circle);
 pane.getChildren().add(rectangle);

 PathTransition pt = new PathTransition();
 pt.setDuration(Duration.millis(4000));
 pt.setPath(circle);
 pt.setNode(rectangle);
 pt.setOrientation(
 PathTransition.OrientationType.ORTHOGONAL_TO_TANGENT);
 pt.setCycleCount(Timeline.INDEFINITE);
 pt.setAutoReverse(true);
 pt.play(); 

 circle.setOnMousePressed(e -> pt.pause());
 circle.setOnMouseReleased(e -> pt.play());

 Scene scene = new Scene(pane, 250, 200);
 primaryStage.setTitle("PathTransitionDemo"); // Unos nayiva pozornice e
 primaryStage.setScene(scene); 
 primaryStage.show(); 
 }

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

我到处寻找一些提示,但运气不好:(

我在web上找到了一个SVG路径来绘制一个“无限”形状,因此将您的
圆圈替换为:

SVGPath svg = new SVGPath();
svg.setFill(Color.TRANSPARENT);
svg.setStrokeWidth(1.0);
svg.setStroke(Color.BLACK);
svg.setContent("M 787.49,150 C 787.49,203.36 755.56,247.27 712.27,269.5 S 622.17,290.34 582.67,279.16 508.78,246.56 480,223.91 424.93,174.93 400,150 348.85,98.79 320,76.09 256.91,32.03 217.33,20.84 130.62,8.48 87.73,30.5 12.51,96.64 12.51,150 44.44,247.27 87.73,269.5 177.83,290.34 217.33,279.16 291.22,246.56 320,223.91 375.07,174.93 400,150 451.15,98.79 480,76.09 543.09,32.03 582.67,20.84 669.38,8.48 712.27,30.5 787.49,96.64 787.49,150 z");
并将其用于绘图、过渡和事件捕捉。 您可能需要调整它以适应您的需要


如果你想寻找更好的“无限”形状,那么就搜索“lemniscate”。

Jean Baptiste Yunès非常感谢你帮助这个年轻的爱好者!它就像一个魅力:)