Javafx css按鈕圖形調整大小

Question

我想改變按鈕內圖標的大小。 圖像大小為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)

}

但這不適合我。

Answer 1

我不知道任何可以直接用於設置-fx-graphic大小的css屬性 ，但是你可以使用-fx-background-image屬性獲得類似的結果。 這將允許您使用-fx-background-size設置寬度和高度值。

您可以從此鏈接訪問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

使用-fx-background-image和-fx-background-size

Answer 2

我知道這個問題是關於css的，但對於那些希望用java代碼執行此操作的其他程序員並找到這個線程，這是我用java代碼做的解決方案。 （而不是問一個新問題）

Platform.runLater(() -> {
    InputStream input = getClass().getResourceAsStream("/resources/images/close-512x512.png");
    //set the size for image
    Image image = new Image(input, 16, 16, true, true);
    ImageView imageView = new ImageView(image);            
    myButton.setGraphic(imageView);
});