JavaFx按钮事件处理程序来移动形状

Question

上周我刚开始使用JavaFx，但在尝试在窗格中设置圆圈以响应按钮事件处理程序时遇到了问题。我有左、右、上、下名称的按钮设置，按下时应该会在窗格内移动圆圈。我的问题是我根本无法让圆圈响应我的事件处理程序。我看到了另一个包含按键移动圆圈的教程，我正在尝试类似的东西，但用按钮代替。任何帮助我走向正确方向的帮助都将非常感谢。

package movingball;

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
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 MovingBall extends Application{
  private CirclePane circlePane = new CirclePane();


@Override
public void start(Stage primaryStage) {
    StackPane pane = new StackPane();
    Circle circle = new Circle(50);
    circle.setStroke(Color.BLACK);
    circle.setFill(Color.WHITE);
    pane.getChildren().add(circle);

    HBox hBox = new HBox();
    hBox.setSpacing(10);
    hBox.setAlignment(Pos.CENTER);
    Button btLeft = new Button("Left");
    Button btRight = new Button("Right");
    Button btUp = new Button("Up");
    Button btDown = new Button("Down");
    hBox.getChildren().addAll(btLeft, btRight, btUp, btDown);

    btLeft.setOnAction(new LeftHandler());
    btRight.setOnAction(new RightHandler());
    btUp.setOnAction(new UpHandler());
    btDown.setOnAction(new DownHandler());


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

    // Create a scene and place it in the stage
    Scene scene = new Scene(borderPane, 500, 350);
    primaryStage.setTitle("Move the Ball"); // Set the stage title
    primaryStage.setScene(scene); // Place the scene in the stage
    primaryStage.show(); // Display the stage
  }



class LeftHandler implements EventHandler<ActionEvent> {

    @Override
    public void handle(ActionEvent event) {
        circlePane.left();

    }

}

class RightHandler implements EventHandler<ActionEvent> {

    @Override
    public void handle(ActionEvent event) {
        circlePane.right();

    }

}

class UpHandler implements EventHandler<ActionEvent> {

    @Override
    public void handle(ActionEvent event) {
        circlePane.up();

    }

}

class DownHandler implements EventHandler<ActionEvent> {

    @Override
    public void handle(ActionEvent event) {
        circlePane.down();

    }

}

class CirclePane extends StackPane {
    private Circle circle = new Circle(50);

    public CirclePane() {
        getChildren().add(circle);
        circle.setStroke(Color.BLACK);
        circle.setFill(Color.WHITE);
    }

    public void left() {
        circle.setCenterX(circle.getCenterX() - 10);
    }

    public void right() {
        circle.setCenterX(circle.getCenterX() + 10);
    }

    public void up() {
        circle.setCenterY(circle.getCenterY() - 10);
    }

    public void down() {
        circle.setCenterY(circle.getCenterY() + 10);
    }
}


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

}

Answer 1

第一个问题是您正在移动CirclePane，但它不是您的场景的一部分。删除您在start（...）方法中创建的窗格和圈，并将CirclePane放在BorderPane的中心。

第二个问题是，堆栈窗格将使圆居中，调整其坐标系，使其在圆移动时保持居中。因此，将圆窗格（CirclePane）作为窗格（Pane）的子类，而不是堆栈窗格（StackPane）。或者，您可以调用circle。setManaged（假）防止堆叠窗格定位圆圈。