用鼠标操作弧线 （爪哇FX 2）

Question

我在javafx中用鼠标拖动事件操作弧形时遇到了一个问题

我有一个用以下参数定义的Arc：

• radiusX和radiusY：整个椭圆的水平和垂直半径，该圆弧是其部分截面
• centerX，centerY：弧的中心点
• startAngle：弧的起始角度（相对于水平轴）
• 长度：弧的角度范围（度）

所以我需要的是在拖动的时候让弧线的起始角度“跟随”鼠标的移动:

当用户按下Arc的起点（位于起点角上）并在拖动鼠标时，我需要计算水平轴和从中心到鼠标位置的线形成的新起始角度

基本上，问题是计算给定点（鼠标位置）和其他给定参数（中心、长轴和短轴）的弧线的起始角度

我实际上是在用Math.atan2函数计算角度

newStartAngle = atan2(xMouse，yMouse)(假设中心x，y在0，0处)

但它仅在圆弧为圆形时有效(radiusX = radiusY)

另一种说法是：我需要弧线的起点始终在从中心到鼠标位置的线上（所以我需要不断更新起始角度，以使其跟随鼠标旋转运动）。（我希望我已经说得有点清楚了）

以下是样本的完整来源

import javafx.stage.Stage;
...

public class Main extends Application {

@Override
public void start(Stage primaryStage) {
    Pane pane = new Pane();

    Group designer = createDesigner();
    designer.setLayoutX(100);
    designer.setLayoutY(200);
    pane.getChildren().add(designer);

    Scene sc = new Scene(pane, 600, 600);
    primaryStage.setScene(sc);
    primaryStage.show();
}

public static final double RX = 100;
public static final double RY = 50;
public static final double S_ANGLE = 45;
public static final double ARC_LENGTH = 90;

private Arc arc;
private Circle handle;
private Line connection;
double xMouse,yMouse;

public Group createDesigner() {

    arc = new Arc();        
    arc.setRadiusX(RX);
    arc.setRadiusY(RY); 
    arc.setStartAngle(S_ANGLE);
    arc.setLength(ARC_LENGTH);
    arc.setFill(Color.LIGHTBLUE);
    arc.setType(ArcType.ROUND);

    handle = new Circle();
    handle.setRadius(5);    
    handle.setStroke(Color.BLACK);
    handle.setFill(Color.TRANSPARENT);

    handle.setCenterX(
            RX * Math.cos(Math.toRadians(S_ANGLE))
        );
    handle.setCenterY(
            -RY * Math.cos(Math.toRadians(S_ANGLE))
        );

    connection = new Line();
    connection.startXProperty().bind(arc.centerXProperty());
    connection.startYProperty().bind(arc.centerYProperty());
    connection.endXProperty().bind(handle.centerXProperty());
    connection.endYProperty().bind(handle.centerYProperty());

    handle.setOnMouseDragged(new EventHandler<MouseEvent>() {

        @Override
        public void handle(MouseEvent event) {

            xMouse = event.getX();
            yMouse = event.getY();

            handle.setCenterX(xMouse);
            handle.setCenterY(yMouse);


           double angleInRadians = Math.atan2(-yMouse, xMouse);

            arc.setStartAngle(Math.toDegrees(angleInRadians));

        }

    });

    return new Group(arc, connection, handle);

}

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

}

先谢谢你了

Answer 1

好吧，我解决了它，足以将xMouse和yMouse除以大斧和小斧以使其工作。

newStartAngle = Math.atan2(-yMouse/radiusY, xMouse/radiusX) 
//assume center x, y at 0,0