如何使用JavaFX将可移动对象保留在窗口内？

Question

我有一个圆圈和四个按钮来移动它；上（ylos），下（alas），左（vasemmalle）和右（oikealle）。自然，我想将圆保持在窗口内，但是，一旦我向按钮事件添加了一个条件，该条件将阻止圆从窗口外移动，则它会完全停止向该方向移动。

圆的半径是100，它从中间（？）开始，这意味着坐标（200,200）。

下面是我的代码，我敢肯定，你们中的一些人会从这样一个简单的程序中轻松发现我的错误。我仅将假定的预防条件放在一个按钮上，这样您就可以看到其他按钮可以正常工作。该行已注释。

import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.*;
import javafx.scene.shape.Circle;
import javafx.scene.paint.Color;
import javafx.scene.control.Button;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.collections.ObservableList;

public class Ympyra extends Application {

private double uusiY, uusiX, raja = 0;

@Override
public void start(Stage aloitus) throws Exception {

    Circle ympyra = new Circle(100);
    ympyra.setStroke(Color.BLACK);
    ympyra.setFill(Color.WHITE);

    Button btnYlos = new Button("Ylos");
    Button btnAlas = new Button("Alas");
    Button btnOikea = new Button("Oikealle");
    Button btnVasen = new Button("Vasemmalle");

    btnYlos.setOnMouseClicked(e -> {
        uusiY = ympyra.getCenterY() + uusiY - 10;
        if (uusiY < 100) { uusiY += 10; } // for example this kind of condition stops upward movement completely
        ympyra.setTranslateX(uusiX);
        ympyra.setTranslateY(uusiY);
    });
    btnAlas.setOnMouseClicked(e -> {
        uusiY = ympyra.getCenterY() + uusiY + 10;
        ympyra.setTranslateX(uusiX);
        ympyra.setTranslateY(uusiY);
    });
    btnOikea.setOnMouseClicked(e -> {
        uusiX = ympyra.getCenterX() + uusiX + 10;
        ympyra.setTranslateX(uusiX);
        ympyra.setTranslateY(uusiY);
    });
    btnVasen.setOnMouseClicked(e -> {
        uusiX = ympyra.getCenterX() + uusiX - 10;
        ympyra.setTranslateX(uusiX);
        ympyra.setTranslateY(uusiY);
    });

    HBox napit = new HBox();
    napit.setAlignment(Pos.CENTER);
    napit.setSpacing(20);
    napit.setMargin(btnYlos, new Insets(5, 5, 5, 5));
    napit.setMargin(btnAlas, new Insets(5, 5, 5, 5));
    napit.setMargin(btnOikea, new Insets(5, 5, 5, 5));
    napit.setMargin(btnVasen, new Insets(5, 5, 5, 5));
    ObservableList lista = napit.getChildren();
    lista.addAll(btnYlos, btnAlas, btnOikea, btnVasen);

    BorderPane paneeli = new BorderPane();
    paneeli.setCenter(ympyra);
    paneeli.setBottom(napit);

    Scene kehys = new Scene(paneeli, 400, 400);
    aloitus.setTitle("Ympyra");
    aloitus.setScene(kehys);
    aloitus.show();

}

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

}

Answer 1

问题为ympyra.getCenterX()，在这种情况下ympyra.getCenterY()始终返回0。您必须检查父级的边界，才能知道圆是否在窗口“外”。

这应该完成工作

btnYlos.setOnMouseClicked(e -> {
    uusiY -= ympyra.getBoundsInParent().getMinY() - 10 < 0 ? ympyra.getBoundsInParent().getMinY() : 10;
    ympyra.setTranslateY(uusiY);
});
btnAlas.setOnMouseClicked(e -> {
    uusiY += ympyra.getBoundsInParent().getMaxY() + 10 > ympyra.getParent().getLayoutBounds().getMaxY()
            ? ympyra.getParent().getLayoutBounds().getMaxY() - ympyra.getBoundsInParent().getMaxY() : 10;
    ympyra.setTranslateY(uusiY);
});
btnOikea.setOnMouseClicked(e -> {
    uusiX += ympyra.getBoundsInParent().getMaxX() + 10 > ympyra.getParent().getLayoutBounds().getMaxX()
            ? ympyra.getParent().getLayoutBounds().getMaxX() - ympyra.getBoundsInParent().getMaxX() : 10;
    ympyra.setTranslateX(uusiX);
});
btnVasen.setOnMouseClicked(e -> {
    uusiX -= ympyra.getBoundsInParent().getMinX() - 10 < 0 ? ympyra.getBoundsInParent().getMinX() : 10;
    ympyra.setTranslateX(uusiX);
});

对于每种情况，它将检查是否可以平移10（在窗口和圆之间小于10像素），否则，将根据圆的位置和父边界来计算平移