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