JavaFXのコーナーを中心に矩形を回転

Question

私はJavaFXでの作業を開始したばかりですが、質問があります。私のプロジェクトでは、私は回転する四角形を使用したい。しかし、四角形は中心を中心に回転するだけなので、左上隅を回転させたい。

この絵のように（hereからの）：ここでは

私のプロジェクトのようにいくつかのコード：この場合

import javafx.animation.AnimationTimer; 
import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.input.KeyCode; 
import javafx.scene.paint.Color; 
import javafx.stage.Stage; 
import javafx.scene.shape.Rectangle; 

import java.awt.*; 
import java.awt.event.KeyEvent; 
import java.util.*; 

public class Main extends Application { 
    @Override 
    public void start(Stage stage) throws Exception { 
     Group root = new Group(); 
     Scene scene = new Scene(root, 500, 500); 

     //create rectangle 
     Rectangle rect = new Rectangle(10, 10, 200, 15); 
     rect.setTranslateX(250); 
     rect.setTranslateY(250); 
     rect.setFill(Color.BLACK); 

     root.getChildren().add(rect); 

     AnimationTimer timer = new AnimationTimer() { 
      @Override 
      public void handle(long now) { 
       stage.getScene().setOnKeyPressed(e -> { 
        if (e.getCode() == KeyCode.LEFT) { 
         rect.setRotate(rect.getRotate()-5);  //<-- rotate rectangle here 
        } else if (e.getCode() == KeyCode.RIGHT){ 
         rect.setRotate(rect.getRotate()+5);  //<-- rotate rectangle here 
        } 
       }); 
      } 
     }; 
     timer.start(); 

     stage.setScene(scene); 
     stage.show(); 
    } 

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

矢印キーが押された場合、矩形が回転します。

Answer 1

特に、カスタムピボットを中心にノードを回転するには、TransformとRotateを使用する必要があります。あなたのコードで

//Create a Rotate Object 
Rotate rotate = new Rotate(); 
rotate.setPivotX(node.getX()); //Pivot X Top-Left corner 
rotate.setPivotY(node.getY()); //Pivot Y 
rotate.setAngle(angle); //Angle degrees 

//Add the transform to the node 
node.getTransforms().add(rotate); 

final Rotate rotate = new Rotate(); 
rect.getTransforms().add(rotate); 

AnimationTimer timer = new AnimationTimer() { 
    @Override 
    public void handle(long now) { 
     stage.getScene().setOnKeyPressed(e -> { 
      rotate.setPivotX(rect.getX()); 
      rotate.setPivotY(rect.getY()); 
      if (e.getCode() == KeyCode.LEFT) { 
       rotate.setAngle(rotate.getAngle() - 5); 
      } else if (e.getCode() == KeyCode.RIGHT){ 
       rotate.setAngle(rotate.getAngle() + 5); 
      } 
     }); 
    } 
};