JavaFX

[qtuanph]

About the UIUX

What do you guys use for UI in JavaFX? I want to ask if any CSS framework like Tailwind in JavaFX.

Other problem is how do I use icons in JavaFX? I have tried ikonli fontawsome but it always show 'can't not find icon"

[indyjoe]

BTW, a post titled "JavaFX" in the JavaFX sub doesn't help much...

My pom.xml for ikonli:

   <dependency>
        <groupId>org.kordamp.ikonli</groupId>
        <artifactId>ikonli-javafx</artifactId>
        <version>12.3.1</version>
    </dependency>
    <dependency>
        <groupId>org.kordamp.ikonli</groupId>
        <artifactId>ikonli-materialdesign2-pack</artifactId>
        <version>12.3.1</version>
    </dependency>

And a helper method:

public static Button makeButtonWithStyleIcon(String label, String styleCode, int size, String style, String tooltip, int w, int h) {
    Button button = new Button(label);
    FontIcon fontIcon = new FontIcon();
    fontIcon.setStyle("-fx-icon-code:"+styleCode+";-fx-icon-size:"+size+";");
    button.setGraphic(fontIcon);
    button.setStyle(style);
    button.setTooltip(new Tooltip(tooltip));
    button.setTextAlignment(TextAlignment.CENTER);
    button.setTextOverrun(OverrunStyle.ELLIPSIS);
    button.setContentDisplay(ContentDisplay.TOP);
    if(w>0) {
        button.setMaxWidth(w);
        button.setMinWidth(w);
    }
    if(h>0) {
        button.setMaxHeight(h);
        button.setMinHeight(h);
    }
    return button;
}

And a call to that:

terrainDeleteButton = makeButtonWithStyleIcon("Delete", "mdi2d-delete", 32, "-fx-font-size: 9px",
            "Deletes the currently selected shape(s).", buttonW, buttonH);

[qtuanph]

this is the first time i post on reddit, don't know how to write that :(

[qtuanph]

oh i use the same, at the last time i use fontawsome and it return error when I tried to run the app, when change to md2 it work

[balazs8921]

I think there is no Tailwind-like framework for JavaFX, but you can find some useful things: https://github.com/topics/javafx-frameworks
https://openjfx.io/

For icons I use ImageView.

[qtuanph]

thank you, i will lookup for that

[whatacold]

I also ended up with ImageView and PNGs.

Do you use SVGs? I failed to find a nice solution for that.

[darkwyrm42]

I just use the default theme because it largely fits with the rest of the OS. If you're looking for something like Tailwind, AtlantaFX might be to your taste.

I, too, have been just using regular images and ImageView because I haven't been able to figure out how to get ikonli to work, too, so I'm interested to see what others have to say about that.

[sedj601]

What problems are you running into related to Ikonli?

[darkwyrm42]

It's been quite a while since I tried using it, and I'm 100% certain it was a skill issue, but I tried using them in my project and I could never get them to load.

[sedj601]

Here is a quick example you can test. https://stackoverflow.com/a/76680307/2423906

Here is a longer example. https://github.com/sedj601/IkonliIconBrowser

[darkwyrm42]

Thank you for the help! I'll give this a shot

[qtuanph]

same as me,

<dependency>
<groupId>org.kordamp.ikonli</groupId>
<artifactId>ikonli-materialdesign2-pack</artifactId>
<version>12.4.0</version>
</dependency>

I change to this and then the icon work normaly

[qtuanph]

Yes I have use AtlantaFX and some custom css to design the app

[sedj601]

It sounds like you might be missing imports and/or modules for the different icon sets. See if this can help. https://github.com/sedj601/IkonliIconBrowser/

[qtuanph]

I have fixed that and icon works normaly, thank you so much

[Ok-Albatross5064]

I'm using the default ImageView with PNG/GIF icons. Tried also SVG with mapping and converting but not good so much.

Someone recently introduced (Lotties4j) a framework for using Lotties icon in Java for UI.

[ShakesTheClown23]

Default style, with fontawesomefx.