This question already has an answer here:
JavaFX CSS Button with Image - How to define the size of the image?

(1个答案)


在10个月前关闭。




我想更改按钮内图标的大小。
图像的尺寸为512 x 512,我想将尺寸调整为16x16。
因此,使用javaFX CSS实现此目标的最佳方法是什么。

这是我到目前为止所做的事情:
#btnCancel.button {
    -fx-graphic: url("/img/close.png") ;
    -fx-graphic-size:16px 16px ; ( I think this property not exist in javafx css)

}

但这对我不起作用。

最佳答案

我不知道任何可直接用于设置-fx-graphic大小的css属性,但是您可以使用-fx-background-image属性获得类似的结果。这将允许您使用-fx-background-size设置宽度和高度值。

您可以从this link访问BackgroundSize的javadoc

.logButton {
    /*
    -fx-graphic: url(images/log2.png);
    -fx-graphic-size:16px 16px;
    */
    -fx-background-image: url(images/log2.png);
    -fx-background-size: 64px 64px;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}

观看实战

使用-fx-graphic
java - JavaFX CSS按钮图形调整大小-LMLPHP

结合使用-fx-background-image-fx-background-size
java - JavaFX CSS按钮图形调整大小-LMLPHP

10-05 22:59
查看更多