在JavaFX中设置形状路径转换为其他形状的旋转

Question

我已经创建了一个圆形，它前面有一个三角形，它与圆形一起向前和向后移动。我现在想要的是当圆形旋转时，使三角形绕着圆形轨道运行。我的第一个想法是，这将需要PathTransition和绑定，但到目前为止，我没有运气。这里是我的代码：

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

    Pane pane = new Pane(); 


    Ellipse ell = new Ellipse(); 
    ell.setCenterX(850); 
    ell.setCenterY(500); 
    ell.setRadiusX(480); 
    ell.setRadiusY(480); 
    ell.setFill(Color.TRANSPARENT); 
    ell.setStroke(Color.BLACK); 

    Circle circ1 = new Circle(500.0f, 500.0f, 25.0f); 
    circ1.setFill(Color.GREEN); 

    Path path = new Path(); 

    Polygon tri1 = new Polygon(530, 495, 530, 505, 540, 500); 
    tri1.translateXProperty().bind(circ1.translateXProperty()); 
    tri1.translateYProperty().bind(circ1.translateYProperty()); 
    PathTransition pathMove = new PathTransition(); 
    pathMove.setNode(tri1); 
    pathMove.setPath(circ1.getRotate()); 

    circ1.setOnKeyPressed((e) -> { 
     if(e.getCode() == KeyCode.UP) { 
      circ1.setTranslateX(circ1.getTranslateX() - 15); 
     } 
     else if(e.getCode() == KeyCode.LEFT) { 
      circ1.setRotate(circ1.getRotate() - 15); 
     } 
     else if(e.getCode() == KeyCode.RIGHT) { 
      circ1.setRotate(circ1.getRotate() + 15); 
     } 
     else if(e.getCode() == KeyCode.DOWN) { 
      circ1.setTranslateX(circ1.getTranslateX() + 15); 
     } 

    }); 

    pane.getChildren().addAll(ell, circ1, tri1); 

    Scene scene = new Scene(bpane, 1700, 1000); 
    scene.getStylesheets().add("NewFile.css"); 

    primaryStage.setScene(scene); 
    primaryStage.setTitle("FXTest2"); 
    primaryStage.show(); 

    circ1.requestFocus(); 


} 

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

} 

Answer 1

你需要围绕圆心旋转三角形。为此，请创建一个Rotate变换，将其中心点连接到圆的中心，并将其角度与圆的旋转量相关联。然后，将旋转变换添加到三角形变换列表中：

Rotate rotate = new Rotate(); 
rotate.pivotXProperty().bind(circ1.centerXProperty()); 
rotate.pivotYProperty().bind(circ1.centerYProperty()); 
rotate.angleProperty().bind(circ1.rotateProperty()); 

tri1.getTransforms().add(rotate);