How to create round material button with images instead of text?

[omegaui]

I am writing a code editor with materialFX.

I want to create a same control as the filter button in the above image.
Is there some other control than MFXButton to achieve this behaviour?

[omegaui]

MaterialFX is really amazing as it gives me the feel of writing flutter applications.

But,
Its actually difficult to understand the library as there are only .fxml files available for example reference, programmers like me who prefer coding instead of using scene builder find it difficult to learn and explore the UI library like this.

[omegaui]

Got it!
Actually, I am a beginner in JavaFX

[M-K-Al]

Small tip, for the icons i encourage you to use fontawesomefx as it will make your life easier.
To use it, add these to your maven (there are other icons but this will do):

        <dependency>
            <groupId>de.jensd</groupId>
            <artifactId>fontawesomefx-commons</artifactId>
            <version>9.1.2</version>
        </dependency>

        <dependency>
            <groupId>de.jensd</groupId>
            <artifactId>fontawesomefx-materialicons</artifactId>
            <version>2.2.0-9.1.2</version>
        </dependency>

Then

        MaterialIconView icon = new MaterialIconView(MaterialIcon.PERSON, "22"); // 'PERSON' is my icon from fontawesomefx, 22 is the icon size
        
        MFXIconWrapper filterIcon = new MFXIconWrapper(icon, 32).defaultRippleGeneratorBehavior(); // this will create the ripple effect, 32 is the ripple size
        
        NodeUtils.makeRegionCircular(filterIcon); // this will make the ripple circular

Here is the result:

[omegaui]

Thanks a lot.
I was using the -fx-background-radius property.
But this seems more appealing to me.

[omegaui]

@M-K-Al
Can you please help me out, I am just starting out with JavaFX?

When using the above code, I am getting the following error ...

These are my modules and I am using javafx 17 ...

Although this probably points either

• I am missing some dependency
• Or The Library utilizes a non-modular version of the JDK.

[M-K-Al]

I would love to help you out!
Can you please copy the whole exception?
But from the fist look have you added fontawesomefx? I don't see it in your models list.
P.S., not to force you but using intellij could help you alot.

[omegaui]

Thanks for taking a step to help!

But I figured it out, I switched to icons8.

[omegaui]

My IDE is built different