FX Mini Studio is a JavaFX desktop application demonstrating layouts, binding, graphics, images, fonts, and a reusable ClockPane component. Built as Lab 1 Assignment for JavaFX Basics.
- Overview
- Features
- Requirements
- Installation
- Running the Application
- Project Structure
- Resources
- Notes
- Screenshots
FX Mini Studio is a multi-tabbed JavaFX application with:
- Layout Playground – BorderPane, GridPane, FlowPane layouts.
- Graphics & Binding – Shapes, property binding, rotation, styling, animations.
- Images & Fonts – Image loading with ImageView, custom fonts, resizing.
- Clock Widget – Reusable
ClockPane
with start/stop, style toggle, and bindable properties.
- BorderPane:
- Top HBox: Label, TextField, Add Button → adds to ListView
- Center: ListView
- Right: VBox with ComboBox (themes) and CheckBox (wrap toggle)
- GridPane: 2×2 form (Name, Email) + Submit button (prints to console)
- FlowPane: Buttons 1–6 demonstrating auto-wrap layout
- Circle centered in resizable Pane
- Slider → uni-directional binding
- TextField ↔ Label → bi-directional binding
- Rotation slider and pulse animation
- Color ComboBox to dynamically change circle color
-
ImageView with adjustable width (slider)
-
Preserves aspect ratio
-
Custom header font
-
Robust error handling if file is missing
-
Analog clock with hour, minute, second hands
-
Timeline updates every second
-
Start / Stop buttons
-
Light/Dark toggle
-
Bindable properties: hour, minute, second, running, darkMode
-
Fully reusable in any container
-
Clean OOP design, meaningful names, Javadoc for public methods
-
Responsive layout
-
Graceful error handling
-
External CSS for themes
-
Secondary Stage: About dialog or preview window
-
Java JDK: 17+
-
JavaFX SDK: 22+
-
IDE: IntelliJ IDEA / Eclipse with JavaFX configured
-
OS: Windows, macOS, Linux
-
Clone the repository:
- git clone
-
Open project in IDE
-
Configure JavaFX SDK
-
Ensure resource folder contains:
- src/main/resources/image/sample.png
-
IntelliJ IDEA
-
Open HelloApplication.java
-
Right-click → Run
-
-
Eclipse
-
Import project
-
Add JavaFX SDK to build path
-
Run HelloApplication.java
-
-
Gradle / Maven
-
Configure JavaFX dependencies
-
Run using gradle run or mvn javafx:run
-
JavaFX SDK: https://openjfx.io/
-
JDK 17: https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html
-
JavaFX Javadoc: https://openjfx.io/javadoc/