在JavaFX中添加图像时如何保持背景色？

Question

我正在编写一个JavaFX程序来下棋。 当前，我正在使用JavaFX Rectangle类并将它们设置为深色和浅色。 但是，当我添加图像时，即使我有意找到背景清晰的图像，它也会清除整个背景。 目前，我用于将图像放置在矩形上的代码是：

rectangleArray[i][row].setFill(new ImagePattern(image));

在这种情况下，图像是我想要的图像。 我是否需要使用其他JavaFX类才能执行此操作？ 还是我只是使用错误的方法？

Answer 1

您只能在Rectangle上设置单个fill 。 将fill设置为其他值将替换旧填充，而不是对其进行“添加”。

您应该使用带有背景的窗格，然后向其中添加ImageView ，例如：

@Override
public void start(Stage primaryStage) throws Exception {
    final double size = 50;

    ImageView pawn = new ImageView("https://upload.wikimedia.org/wikipedia/commons/9/93/Chess_tile_pd.png");
    pawn.setFitWidth(size);
    pawn.setFitHeight(size);

    final Background grey = new Background(new BackgroundFill(Color.GRAY, CornerRadii.EMPTY, Insets.EMPTY));
    final Background white = new Background(new BackgroundFill(Color.WHITE, CornerRadii.EMPTY, Insets.EMPTY));

    GridPane grid = new GridPane();
    ColumnConstraints columnConstraints = new ColumnConstraints(size);
    RowConstraints rowConstraints = new RowConstraints(size);
    for (int i = 0; i < 8; i++) {
        grid.getColumnConstraints().add(columnConstraints);
        grid.getRowConstraints().add(rowConstraints);

        for (int j = 0; j < 8; j++) {
            StackPane field = new StackPane();
            field.setBackground(((i + j) & 1) == 0 ? white : grey);
            grid.add(field, i, j);
            field.setOnMouseClicked(evt -> {
                if (pawn.getParent() != field) {
                    field.getChildren().add(pawn); // move pawn to this field on click
                }
            });
        }
    }

    ((Pane) grid.getChildren().get(0)).getChildren().add(pawn);

    Scene scene = new Scene(grid);

    primaryStage.setScene(scene);
    primaryStage.show();
}