How to use font awesome in a fxml project (javafx)

by

I achieved using FA Icons by adapting Jens Deters’s approach.

His routines target dynamic gui composition opposing fxml’s declarative way. Nevertheless, his AwesomeIcon enumeration (which maps FA comprehensible names with unicode characters) suited perfectly to my intents.

It should start by statically load the font in main/app class:

public class App extends Application {
    static {
        Font.loadFont(App.class.getResource("/font/fontawesome-webfont.ttf").toExternalForm(), 10);
    }

    @Override
    public void start(final Stage primaryStage) throws Exception {
        URL resource = getClass().getResource("/fxml/app.fxml");
        primaryStage.setScene(new Scene((Parent) FXMLLoader.load(resource), 500, 500));
        primaryStage.setTitle("FontAwesomeFX demo");
        primaryStage.show();
    }

    public static void main(String... args){
        launch(args);
    }
}

One can not use unicode characters in fxml (as needed to specify FA Icons), but can dynamic set attributes with such values. Hence having the above mentioned enumeration (AwesomeIcon), the job was done:

  1. The import:

    <?import de.jensd.fx.fontawesome.AwesomeIcon?>

  2. The node:

    <Label styleClass="awesome"
       style="-fx-font-family: FontAwesome; -fx-font-size: 16.0;">
    <text><AwesomeIcon fx:constant="FILE"/></text>
</Label>

I end up implementing an Icon Widget/Control/Component for resuming the amount of code with two properties:

  1. value: FA Icon Name;
  2. size: styleable attribute for style -fx-font-size on label.

New code (same effect):

<Icon value="FILE" size="16"/>

The code for that control can be found here. You can also find an working example as it includes the font and testing code.

More Related Contents:

  1. JavaFX – setVisible hides the element but doesn’t rearrange adjacent nodes
  2. JavaFX 2.1 TableView refresh items
  3. JavaFX Application Icon
  4. How perform task on JavaFX TextField at onfocus and outfocus?
  5. Grouping together JavaFX FXML Objects
  6. JavaFX: How to change the focus traversal policy?
  7. Adding borders to GridPane JavaFX
  8. How to create multiple javafx controllers with different fxml files?
  9. javafx 8 compatibility issues – FXML static fields
  10. How to reference javafx fxml files in resource folder?
  11. How to calculate the pixel width of a String in JavaFX?
  12. Highlighting Strings in JavaFX TextArea
  13. javafx automatic resizing and button padding
  14. How to create an FXML file for an already created new component in java than add it to scene builder?
  15. javafx using objects from MainController or other Controllers in proper Controller class
  16. Adding Spring Dependency Injection in JavaFX (JPA Repo, Service)
  17. Value Change Listener for JavaFX’s TextField
  18. How do I access a UI element from another controller class in JavaFX?
  19. JavaFX – How to use a method in a controller from another controller?
  20. How to get the version number of JavaFX?
  21. Localdate.format, format is not applied
  22. How to update the label box every 2 seconds in java fx?
  23. Displaying changing values in JavaFx Label
  24. How to switch scenes in JavaFX
  25. HyperlinkListener in JavaFX WebEngine
  26. Add WebView control on Swing JFrame
  27. JavaFX: Why does stage.setResizable(false) cause additional margins?
  28. JavaFX 2.2 TextField maxlength
  29. Java FX fxml on Action
  30. How to add a value marker to JavaFX chart?

Leave a Comment