當您是像我這樣來自Swing的UI開發人員時，您很有可能仍在代碼中直接設置圖像/圖標。 最可能是這樣的：

import javafx.scene.control.Label; import javafx.scene.image.ImageView;public class MyLabel extends Label {public MyLabel() {setGraphic(new ImageView(MyLabel.class.getResource("image.gif").toExternalForm()));} }

在此示例中，通過Class.getResource（）查找圖像文件，將URL傳遞到ImageView節點的構造函數，并且將該節點設置為標簽上的“ graphic”屬性。

這種方法效果很好，但是使用JavaFX則有更優雅的方法。 您可以將圖像定義放入CSS文件中，以便您和/或其他人輕松替換它（營銷部門已決定再次更改公司標識）。

可以通過以下方式獲得與上述相同的結果：

import javafx.scene.control.Label;public class CSSLabel extends Label {public CSSLabel() {getStyleClass().add("folder-icon");} }

現在您顯然也需要一個CSS文件：

.folder-icon {-fx-graphic: url("image.gif"); }

并且在您的應用程序中，您需要將樣式表添加到場景圖。 在這里，我們將其添加到場景中。

import javafx.application.Application; import javafx.geometry.Pos; import javafx.scene.Scene; import javafx.stage.Stage;public class MyApplication extends Application {public void start(Stage primaryStage) throws Exception {CSSLabel label = new CSSLabel();label.setText("Folder");label.setAlignment(Pos.CENTER);Scene scene = new Scene(label);scene.getStylesheets().add(MyApplication.class.getResource("test.css").toExternalForm());primaryStage.setScene(scene);primaryStage.setTitle("Image Example");primaryStage.setWidth(250);primaryStage.setHeight(100);primaryStage.show();}public static void main(String[] args) {launch(args);} }

使用這種方法，您可以將控件及其外觀完全分開，并且還可以輕松進行自定義。

翻譯自: https://www.javacodegeeks.com/2014/07/javafx-tip-12-define-icons-in-css.html

總結

以上是生活随笔為你收集整理的JavaFX技巧12：在CSS中定义图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。