Gluon Scene Builder is a drag and drop UI designer tool allowing rapid desktop and mobile app development. Scene Builder separates design from logic, allowing team members to quickly and easily focus on their specific aspect of application development.
Scene Builder works with the JavaFX ecosystem – official controls, community projects, and Gluon offerings including Gluon Mobile, Gluon Desktop, and Gluon CloudLink.
Scene Builder is open source, and it is freely licensed under the BSD license. Gluon can provide custom consultancy, training, and open source commercial support.
The best way to get started with Gluon Scene Builder is by downloading and installing on your developer machine the latest Scene Builder release.
See the documentation about the new features recently included.
For community support, go to StackOverflow.
On Linux systems, Scene Builder uses the xdg-open command to reveal files in the system's default file system browser or to open URLs in the default web browser. Most modern Linux Desktop Environments already provide the xdg-utils package. If it is missing, it can be installed using the respective Linux package management tool such as yum, apt-get, dnf or pacman. The xdg-utils package is usually available on KDE based systems, some Arch based systems may require manual installations.
Issues can be reported to the Issue tracker
Contributions can be submitted via Pull requests, providing you have signed the Gluon Individual Contributor License Agreement (CLA). Please check the contribution guide for more details.
Gluon Scene Builder is frequently released, and this is only required in case you want to fork and build your local version of Scene Builder.
These are the requisites:
- A recent version of JDK 21 or later for building 'master' branch
- A recent version of JDK 8 for building '8u-dev' branch
Scene Builder uses Maven Wrapper to build and run the project. Run ./mvnw on Linux or macOS and mvnw on Windows.
To build the Scene Builder services, on the project's root, run:
mvn clean package
Alternatively, utilizing the Maven Wrapper, one can run:
./mvnw clean package
It will create a partial shadow cross-platform jar under app/target/lib/scenebuilder-$version-all.jar, that doesn't include the JavaFX dependencies.
Before starting the app, all dependencies must be installed locally. This is achieved by:
./mvnw install
Then Scene Builder can be started with Maven:
./mvnw javafx:run -f app
Alternatively, you can run the partial shadow jar in the classpath, providing you have downloaded the JavaFX SDK from here:
java \
--module-path /path/to/javafx-sdk-$javafxVersion/lib \
--add-modules javafx.web,javafx.fxml,javafx.swing,javafx.media \
--add-opens=javafx.fxml/javafx.fxml=ALL-UNNAMED \
-cp app/target/lib/scenebuilder-$version-all.jar \
com.oracle.javafx.scenebuilder.app.SceneBuilderApp
The Scene Builder project has three main components defined by three modules (that is, three Java modules defined in three Maven modules subprojects):
- Scene Builder App
- Scene Builder Kit
- Gluon plugin
Contains the JavaFX main application that embeds the Scene Builder Kit, and includes menus, preferences and dialogs to interact with it.
Scene Builder Kit is the core of the project and defines three main areas:
- Left: Library of custom and built-in controls, Hierarchy and Controller of the FXML layout being edited
- Center: Workspace area for displaying the content of the FXML layout that is being designed
- Right: Inspector with properties, layout and event handlers of the components of the FXML layout.
Scene Builder Kit contains an API that allows these components and their functionality to be integrated in other applications or IDEs. Scene Builder App is the best example of such integration. Another basic example can be found here: EmbeddedSceneBuilderDemo. You can also use the controls available in Scene Builder Kit in your project.
Scene Builder Kit is published to Maven Central, and you can add it as a regular dependency to the build of your app:
<dependency>
<groupId>com.gluonhq.scenebuilder</groupId>
<artifactId>kit</artifactId>
<version>$version</version>
</dependency>
If you want to build and install the Scene Builder Kit in your local repository, run:
./mvnw clean install -f kit
The Gluon section in the Library allows adding Gluon Mobile controls to the FXML layout, and setting the stylesheets from the Gluon themes and swatch colors.
An easy way to get started is by selecting the Mobile Basic Screen from the available templates in the welcome dialog.
To ensure that new code formatting matches the requirements for Pull Requests, the Maven Checkstyle plugin can be used to create a report listing possibly coding style violations.
Contributors can check for code-style violations in their code by running the Checkstyle Maven goal. The checkstyle configuration is currently in a very early stage and only checks for empty blocks, extra white space, padding and empty lines.
To run the plugin:
./mvnw checkstyle:checkstyle
There will be a report for each sub-project:
- Kit:
kit/target/reports/checkstyle.html - App:
app/target/reports/checkstyle.html - Gluon-plugin:
gluon-plugin/target/reports/checkstyle.html
This project makes use of EditorConfig which is directly supported by IntelliJ IDEA. There are plugins for NetBeans, Eclipse and Visual Studio and more. EditorConfig ensures via configuration in .editorconfig file, that the proper indentation is used.