java - 通过鼠标单击添加/删除

Question

我编写了这个程序，它使用户能够在矩形中添加和删除圆圈，当用户左键单击时添加，当用户右键单击时删除，虽然它的添加工作正常，但删除效果不佳，例如:当我添加四个圆圈并尝试删除所有圆圈时，其中一些圆圈没有删除，我不知道为什么，我很困惑。请帮忙。

public class BoundingRectangle extends Application {
@Override
public void start(Stage primaryStage) {
    Pane pane = new Pane();
    ArrayList<Circle> list = new ArrayList<>();

    Rectangle rectangle1 = new Rectangle(10, 10, 175, 80);
    rectangle1.setStroke(Color.BLACK);
    rectangle1.setFill(Color.WHITE);
    Rectangle rectangle2 = new Rectangle(250, 75, 300, 200);
    rectangle2.setStroke(Color.BLACK);
    rectangle2.setFill(Color.WHITE);

    Text text = new Text(20, 33, "INSTRUCTION\n" +
            "Add: Left Click\nRemove: Right Click");

    pane.setOnMouseClicked(e -> {
        if (e.getButton() == MouseButton.PRIMARY) {
            Circle circle = new Circle(e.getX(), e.getY(), 10);
            list.add(circle);
            circle.setStroke(Color.BLACK);
            circle.setFill(Color.WHITE);

           if (circle.getCenterX() - rectangle2.getX() < 10) {
                circle.setCenterX(rectangle2.getX() + 10);
            } 
           else if (circle.getCenterY() - rectangle2.getY() < 10) {
                circle.setCenterY(rectangle2.getY() + 10);
            } 
           else if (rectangle2.getX() + rectangle2.getWidth() -
                    circle.getCenterX() < 10) {
                circle.setCenterX(rectangle2.getX() +  rectangle2.getWidth()  - 10);
            } 
           else if (rectangle2.getY() + rectangle2.getHeight() -
                    circle.getCenterY() < 10) {
                circle.setCenterY(rectangle2.getY() + rectangle2.getHeight() - 10);
            }
                pane.getChildren().add(circle);
        }

        else if (e.getButton() == MouseButton.SECONDARY) {
                for (int i = 0; i < list.size(); i++) {
                    if (list.get(i).contains(e.getX(), e.getY())) {
                        pane.getChildren().remove(list.get(i));
                        list.remove(i);
                        break;
                    }
                }
            }

        });
        pane.getChildren().addAll(rectangle1, rectangle2, text);

        Scene scene = new Scene(pane, 600, 300);
        primaryStage.setScene(scene);
        primaryStage.setTitle("BoundingRectangle");
        primaryStage.show();
    }
}

Answer 1

我认为这看起来像一个错误:如果在右键单击失败后调整窗口大小，则调整大小强制的重新绘制会删除圆圈。一些简单的调试表明，圆圈在应该的时候从 Pane 的子列表中删除了(因此这是一个重画问题)。

作为解决方法，请将第二个矩形替换为 Pane 。这是直接替换的代码，没有其他更改:您实际上可以对其进行大量重构以简化它(在第二个 Pane 而不是第一个 Pane 中注册鼠标监听器以进行添加，并向每个圆圈注册鼠标监听器以进行删除) ，例如):

import java.util.ArrayList;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.input.MouseButton;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class BoundingRectangle extends Application {
    @Override
    public void start(Stage primaryStage) {
        Pane pane = new Pane();
        ArrayList<Circle> list = new ArrayList<>();

        Rectangle rectangle1 = new Rectangle(10, 10, 175, 80);
        rectangle1.setStroke(Color.BLACK);
        rectangle1.setFill(Color.WHITE);
        Pane rectangle2 = new Pane();
        rectangle2.relocate(250, 75);
        rectangle2.setPrefSize(300,  200);
        rectangle2.setStyle("-fx-border-color: black;");

        Text text = new Text(20, 33, "INSTRUCTION\n"
                + "Add: Left Click\nRemove: Right Click");

        pane.setOnMouseClicked(e -> {
            if (e.getButton() == MouseButton.PRIMARY) {
                Circle circle = new Circle(e.getX(), e.getY(), 10);
                list.add(circle);
                circle.setStroke(Color.BLACK);
                circle.setFill(Color.WHITE);

                if (circle.getCenterX() - rectangle2.getBoundsInParent().getMinX() < 10) {
                    circle.setCenterX(rectangle2.getBoundsInParent().getMinX() + 10);
                } else if (circle.getCenterY() - rectangle2.getBoundsInParent().getMinY() < 10) {
                    circle.setCenterY(rectangle2.getBoundsInParent().getMinY() + 10);
                } else if (rectangle2.getBoundsInParent().getMaxX()
                        - circle.getCenterX() < 10) {
                    circle.setCenterX(rectangle2.getBoundsInParent().getMaxX() - 10);
                } else if (rectangle2.getBoundsInParent().getMaxY()
                        - circle.getCenterY() < 10) {
                    circle.setCenterY(rectangle2.getBoundsInParent().getMaxY() - 10);
                }
                pane.getChildren().add(circle);
            }

            else if (e.getButton() == MouseButton.SECONDARY) {
                for (int i = 0; i < list.size(); i++) {
                    if (list.get(i).contains(e.getX(), e.getY())) {
                        pane.getChildren().remove(list.get(i));
                        list.remove(i);
                        break;
                    }
                }
            }

        });
        pane.getChildren().addAll(rectangle1, rectangle2, text);

        Scene scene = new Scene(pane, 600, 300);
        primaryStage.setScene(scene);
        primaryStage.setTitle("BoundingRectangle");
        primaryStage.show();
    }

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

这是重构版本。由于 rectangle2 现在是一个 Pane，因此您可以直接将圆圈添加到其中，而不必担心调整其位置。右键单击是在圆圈本身上处理的，因此不需要代码来检查单击是否在圆圈上，因此，不需要单独的圆圈列表(尽管您的实际应用程序可能需要该列表)其他原因)。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.input.MouseButton;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class BoundingRectangle extends Application {
    @Override
    public void start(Stage primaryStage) {
        Pane pane = new Pane();

        Rectangle rectangle1 = new Rectangle(10, 10, 175, 80);
        rectangle1.setStroke(Color.BLACK);
        rectangle1.setFill(Color.WHITE);

        Pane rectangle2 = new Pane();
        rectangle2.relocate(250, 75);
        rectangle2.setPrefSize(300,  200);
        rectangle2.setStyle("-fx-border-color: black;");

        Text text = new Text(20, 33, "INSTRUCTION\n"
                + "Add: Left Click\nRemove: Right Click");

        rectangle2.setOnMouseClicked(e -> {
            if (e.getButton() == MouseButton.PRIMARY) {
                Circle circle = new Circle(e.getX(), e.getY(), 10);

                circle.setOnMouseClicked(evt -> {
                    if (evt.getButton() == MouseButton.SECONDARY) {
                        rectangle2.getChildren().remove(circle);
                    }
                });

                circle.setStroke(Color.BLACK);
                circle.setFill(Color.WHITE);

                rectangle2.getChildren().add(circle);
            }


        });
        pane.getChildren().addAll(rectangle1, rectangle2, text);

        Scene scene = new Scene(pane, 600, 300);
        primaryStage.setScene(scene);
        primaryStage.setTitle("BoundingRectangle");
        primaryStage.show();
    }

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