Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

JavaFX Material Design : Setting Up and Making Login Application



One problem I have faced when developing java applications was the old look. Even after introduction of Nimbus look and feel, the user interface components felt too static and dead. Then JavaFX came in to the scene and provided a much better interface and control elements.

Today, I want to show you, how to design our JavaFX applications using Material design components. The developers at jFoenix had done a great job on developing material library for JavaFX. All that we have to do is to download the library and add it into Scene Builder and our application. I have made a video tutorial on Setting up the JFoenix library and making a material login interface.


JFoenix requires Java 1.8 u60 and above.

You can download the jar library from https://github.com/jfoenixadmin/Jfoenix. The next step is to add it into Scene Builder. Actually, I searched on google to find out how to add an external library to scene builder since finding the option was tricky. 

Adding External JAR to scene builder

Scene builder Library Manager.png


As you can see in the image, click on the JAR/FXML Manager to load Library Manager. In the library manager click on Add Library/FXML from the System select an add the Jfoenix.jar. Then the added components can be found on the custom section of components in Scene Builder.

After adding the components to Scene Builder, It's pretty much drag drop. For JFXButtons, you can set ripples, set it as RAISED... oh my god! I have been developing desktop applications for a long time and this is the first time getting my hands on these much cool UI components. 
Download Project Source
Download Sample Executable JAR




  

Subscribe on YouTube or Facebook for more programs and tutorials. :--)

Available Material UI Components

  • JFXBadge
  • JFXButton
  • JFXCheckBox
  • JFXColorPicker
  • JFXComboBox
  • JFXDatePicker
  • JFXDialog
  • JFXDialogLayout
  • JFXDrawer
  • JFXDrawerStack
  • JFXHamburger
  • JFXListCell
  • JFXListView
  • JFXNodesList
  • JFXPasswordField
  • JFXPopup
  • JFXProgressbar
  • JFXRadioButton
  • JFXRippler
  • JFXSlider
  • JFXSnackbar
  • JFXSpinner
  • JFXTabPane
  • JFXTextArea
  • JFXTextField
  • JFXToggleButton
  • JFXToggleNode
  • JFXTogglePane
  • JFXToolbar
  • JFXTreeTableCell
  • JFXTreeTableRow
  • JFXTreeTableView
  • NumberValidator
  • RequireFieldValidator









This post first appeared on The Genuine Coder, please read the originial post: here

Share the post

JavaFX Material Design : Setting Up and Making Login Application

×

Subscribe to The Genuine Coder

Get updates delivered right to your inbox!

Thank you for your subscription

×