Code samples and experimentation while learning JavaFX. Tutorials are numbered and progress from simple to more complex examples.
Beginning with JFX02, all of those apps uses Scene Builder, a development tool to speed up GUI development process by offering drag and drop of GUI elements on screen.
Note: These examples are from me following and/or modifying tutorials from ProgrammingKnowledge. Excercise numbers may not match up to Youtube videos since some tutorials are separated into multiple videos. For best result, read the excercise description.
- Install Eclipse IDE
- Install Scene Builder
- Install e(fx)lipse JavaFX Runtime for eclipse
- Set the path to SceneBuilder executable under Preferences > JavaFX in Eclipse preferences.
A simple JavaFX GUI Application made purely with java
A Simple JavaFX GUI Application that randomly generates numbers by the click of a button and displays in the windows.
JFX02 application extended to use CSS stylesheet for the entire app for improved modularity and fine tuned styling.
An calculator application with interface generated using Scene Builder and learning how to program logic in Model as well as Controller methods for data handling.
A simple login screen that takes a username: user and password: pass to display some content. If the login information is incorrect, an error message is displayed.
JFX05 with an image added to the scene and a button with image
This project focuses on the use of Combo box (a select box) and ObservableList, a container type that listens for action events to check for updates, adding or removing items from its list (perfect for interfaces).
A demo focusing on how ListView works. ListView is Java's term for select box in HTML. It can be a single or multiselect listbox. This demo also demonstrates how to retrieve selected items as well as adding items to the list after an event has triggered.
A demo showing how TreeView works. TreeView is the familiar directory structure you see when navigating folders in windows. The demo shows how to include icons and how to create the structure. Each TreeItem is represented as a node of the root node.
An extension to JFX09 where MouseEvents are implemented. After linking "On Mouse Click" for TreeView in Scene Builder with a newly created mouseClick() method in the controller, the name of the node clicked in the TreeView will be printed in the console.
A demo of file chooser which contains 2 buttons. The first button allows choosing only 1 file while the other allows multiple file selection. This demo also shows ways to restrict file type selection as well as the initial directory for the file chooser.
A demo that showcases the use of JavaFX Properties, a wrapper class that allows implementaiton of listeners that perform an action when the property of a class is updated.
A demo showing how to work with progress bars and performing uni-directional binding with JavaFX Properties.
A demo showing how bi-directional binding works. The original example uses NumberFormat.getNumberInstance() instead of converter as shown on line 43 of MainController.java. It is a separate approach to solving the same problem, but the NumberFormat method creates a warning about binding being changed while NumberStringConverter works flawlessly by ensuring the same type is kept in generics (the slider is of type DoubleProperty which implements Property<Number> and converter of type StringConverter<Number>ensures they are the same type.
A demo showing how to create a menubar and its components: MenuSeparateItem, MenuItem, and Menus.
A demo that shows how checkboxes are used and how to obtain and print out their values.
A demo on radio buttons: Setting radio button group, getting results and displaying them over a label.
A demo on creating a table using TableView and TableColumn. Then, populate objects generated in memory into the table.
A demo on how to use a date picker.
A demo on how to use WebView and WebEngine to render webpages, HTML and other web technologies.
A demo on creating PieCharts.
A demo of implementing event handling with PieCharts. This program allows the user to generate a pie chart with preloaded data in memory by the click of a button. It will also report the percentage of each piece in the pie chart when the user clicks on it.
A demo of how to implement Charts that utilize X and Y axis. This demo will utilize a line chart and how to add data points, customize X and Y-Axis labeling and provide a name for the series.
A demo expanding on JFX23 on how to add multiple lines to line charts.
A demo expanding on JFX23 on how to add event handling for line charts.
A demo showing how to implement video in a Java APP using JavaFX.
An extension to JFX26 demo that implements media playback control functionality using JavaFX.
A demo that builds ontop of JFX27 by adding a Volume slider to the app. Additional improvements to the UI for video playback include: Replacing of "Beginning" and "End" with "Stop", and adding a load feature that allows users to select any mp4 file for playback.
A demo that shows how to create alert boxes. This demo is based on TheNewBoston's JavaFX Tutorial #5.
A modified version of JFX29 that shows how to create a Confirm box. The confirm box will hold the user's response as one of its fields and return it to main() for further processing. This demo is based on TheNewBoston's JavaFX Tutorial #6.