如何在JavaFX中移动形状?

2019年3月24日 14点热度 0条评论

我一直在尝试制作一个显示圆并允许您使用按钮移动圆的程序,但是当您按下某个按钮时,我还无法弄清楚如何告诉Java移动圆的方向。我已经尝试过setX和setY,但是显然它们不是Circle的本机。到目前为止,这是我得到的:

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;

public class Ball extends Application {
    private Circle circle = new Circle();

    @Override
    public void start(Stage primaryStage) {
        HBox pane = new HBox();
        pane.setSpacing(10);
        pane.setAlignment(Pos.CENTER);  
        Button btUp = new Button("UP");
        Button btDown = new Button("DOWN");
        Button btLeft = new Button("LEFT");
        Button btRight = new Button("RIGHT");

        pane.getChildren().add(btUp);
        pane.getChildren().add(btDown);
        pane.getChildren().add(btRight);
        pane.getChildren().add(btLeft);

        btUp.setOnAction(e -> circle.setY(circle.getY() - 10));
        btDown.setOnAction(e -> circle.setY(circle.getY() + 10));
        btLeft.setOnAction(e -> circle.setX(circle.getX() - 10));
        btRight.setOnAction(e -> circle.setX(circle.getX() + 10));

        BorderPane borderPane = new BorderPane();
        borderPane.setCenter(circle);
        borderPane.setBottom(pane);
        BorderPane.setAlignment(pane, Pos.CENTER);

        Scene scene = new Scene(borderPane, 200, 200);      
        primaryStage.setTitle("Ball"); // Set the stage title
        primaryStage.setScene(scene); // Place the scene in the stage
        primaryStage.show();

        circle.requestFocus();
    }

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

解决方案如下:

您的代码的第一个问题是圆圈(或缺少圆圈)。

除非打算以后定义它,否则不应该使用无参数圆圈。一种解决方案是定义半径并在一行中填充颜色:

private Circle circle = new Circle(50.0f, Color.RED);

至于移动圆,您需要跟踪变化的圆的位置,因此将其与实例变量一起添加:

private double newY, newX = 0;

我将向您展示如何设置向下按钮(Left,Right和Up的代码与down非常相似)。将您的setOnAction方法更改为:

btnDown.setOnAction(btnDownActionEvent);

然后在main方法(或您想要的任何位置)之后定义btnDownActionEvent:

EventHandler<ActionEvent> btnDownActionEvent = new EventHandler<ActionEvent>()
{
    @Override
    public void handle(ActionEvent event)
    {
        System.out.println("Pressed Down");
        newY = circle.getCenterY() + 10 + newY;

        circle.setTranslateX(newX);
        circle.setTranslateY(newY);
    }
};

另外,您可以删除
circle.requestFocus();