java - 如何在 JavaFX 中设置 -fx-graphic 大小？

Question

我使用 -fx-graphic CSS 创建了一个按钮，如何在 JavaFX 中设置 -fx-graphic 大小？

我尝试使用 -fx-max-height: 50; -fx-max-width: 50; 但它不起作用。

图片太大了。

        Button deleteButton = new Button();
            deleteButton.getStyleClass().add("delete-button");

.delete-button {
    -fx-graphic: url(../view/Close.png);
    -fx-max-height: 50;
    -fx-max-width: 50;
}

Answer 1

我不认为有一种方法可以通过 CSS 管理图形大小，但您可以通过编程来代替，

Button deleteButton = new Button();

ImageView image = new ImageView(new Image("../view/Close.png"));
image.setFitWidth(50);
image.setFitHeight(50);

deleteButton.setGraphic(image);

Alternatively,

您可以在按钮上设置背景图片，

.deleteButton {
    -fx-background-image: url(../view/Close.png);
    -fx-background-size: 50px 50px;
    -fx-background-position: center;
    -fx-background-repeat: no-repeat;
}

或者

BackgroundSize size = new BackgroundSize(
        50,
        50,
        true,
        true,
        true,
        false);
BackgroundImage image = new BackgroundImage(new Image("../view/Close.png"),
        BackgroundRepeat.NO_REPEAT,
        BackgroundRepeat.NO_REPEAT,
        BackgroundPosition.CENTER,
        size);

deleteButton.setBackground(new Background(image));