Wednesday, April 4, 2012

JavaFX Scene Builder - A Visual Layout Tool for JavaFX Applications

JavaFX Scene Builder is a visual layout tool that lets users quickly design JavaFX application user interfaces, without coding. Users can drag and drop UI components to a work area, modify their properties, apply style sheets, and the FXML code for the layout that they are creating is automatically generated in the background. The result is an FXML file that can then be combined with a Java project by binding the UI to the application’s logic.
  • UI Layout Tool
    Scene Builder allows you to easily layout JavaFX UI controls, charts, shapes, and containers, so that you can quickly prototype user interfaces. Animations and effects can be applied seamlessly for more sophisticated UIs.

  • Integrated Developer Workflow
    Scene Builder can be used in combination with any Java IDE, but is more tightly integrated with NetBeans IDE. You can bind the UI to the source code that will handle the events and actions taken on each element through a simple process, run your application in NetBeans, and any changes to FXML in NetBeans will also reflect in your Scene Builder project.

  • Windows and Mac OS X
    Scene Builder is written as a JavaFX application, with native desktop integration on Windows and Mac OS X.
    It is the perfect example of a full-fledge JavaFX desktop application.

  • FXML Visual Editor
    Scene Builder generates FXML, an XML-based markup language that enables users to define an application’s user interface, separately from the application logic. You can also open and edit existing FXML files authored by other users.

  • Preview Your Work
    At any time during the creation of your project, you can preview what the user interface will really look like when deployed, unencumbered by the tool’s menus and palettes.

  • CSS Support
    You can apply the look and feel of your choice to your GUI layout by using style sheets. It’s as easy as selecting a GUI component, and pointing to the CSS file of your choice from the Properties Panel.


Getting Started with JavaFX Scene Builder


  1. thank you very much for this good tutorial, it is great, good job!

  2. Hi:

    My name is Luis Ubaldo Godinez and I'm from México City. I'm traying to make a simple application mixing and using the Scene Builder and Netbeans but I can't understand how you read and write data from controls in the scene or existing on the FXML file. Please could you send me some link o tutorial to conect the FXML controls'(the scene) with the logic layout in Java. Thanks for your help and sorry for the grammatical misstakes. :P

  3. The video tutorial linked above has some details on how the connection to code works.
    For more examples, you can also download the FXML+code samples there: