Скачать или смотреть Custom Shapes for JavaFX Buttons, Labels, TextField, ListView etc

JavaFX provides option to define custom shapes using SVG paths. So, any shape as per your preference can be applied to almost all the controls (or the controls that extends Region class) in JavaFX User Interface library.

Read more from: http://www.genuinecoder.com/custom-sh...

In this example, I have used JFXTextField text field from JFoenix library for getting material design based buttons.

I have used Scene builder for preparing this tutorial.

Basics of SVG Path: https://www.w3schools.com/graphics/sv...

Create your own shapes from https://codepen.io/anthonydugois/pen/...

JavaFX Region: https://docs.oracle.com/javase/8/java...

SVG Path Syntax: https://www.w3.org/TR/SVG/paths.html

SVG Path for Heart Symbol:-
--------1-----------
-fx-shape: "M23.6,0c-3.4,0-6.3,2.7-7.6,5.6C14.7,2.7,11.8,0,8.4,0C3.8,0,0,3.8,0,8.4c0,9.4,9.5,11.9,16,21.2
c6.1-9.3,16-12.1,16-21.2C32,3.8,28.2,0,23.6,0z";

--------2------------
-fx-shape: "M340.8,98.4c50.7,0,91.9,41.3,91.9,92.3c0,26.2-10.9,49.8-28.3,66.6L256,407.1L105,254.6c-15.8-16.6-25.6-39.1-25.6-63.9
c0-51,41.1-92.3,91.9-92.3c38.2,0,70.9,23.4,84.8,56.8C269.8,121.9,302.6,98.4,340.8,98.4 M340.8,83C307,83,276,98.8,256,124.8
c-20-26-51-41.8-84.8-41.8C112.1,83,64,131.3,64,190.7c0,27.9,10.6,54.4,29.9,74.6L245.1,418l10.9,11l10.9-11l148.3-149.8
c21-20.3,32.8-47.9,32.8-77.5C448,131.3,399.9,83,340.8,83L340.8,83z";

Code is available in GitHub: https://github.com/afsalashyana/JavaF...

Read more about custom shaped components at https://genuinecoder.com/javafx-butto...