JavaFX：绘制无限符号并继续移动

Question

我需要创建一个 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);
    }
 }

我到处寻找一些提示，但没有运气:(

Answer 1

我在网上找到了绘制 "infinity" 形状的 SVG 路径，因此将您的 circle 替换为：

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");

并将其用于绘图、转换和事件捕获。您可能需要根据自己的需要进行调整。

如果您正在寻找更好的 "infinity" 形状，请搜索 "lemniscate"。

JavaFX：绘制无限符号并继续移动

JavaFX: Drawing a infinite symbol and moving along

java

animation

javafx

infinite

shapes