Return to site
Return to site

🖥️☕ JAVAFX BASICS: BUILD A SIMPLE BMI CALCULATOR IN JAVA

· java

🔸 TLDR

JavaFX is Java’s modern UI toolkit for desktop apps. If you want to build windows, forms, buttons, labels, and user interactions in pure Java, JavaFX is one of the cleanest ways to do it. A tiny BMI calculator is enough to understand the essentials: app entry point, layout, controls, event handling, business logic, and scene display.


Section image

🔸 WHY JAVAFX STILL MATTERS

A lot of Java developers know Spring, Kafka, or backend APIs… but forget that Java can also build rich desktop apps. JavaFX is not about “old-school Swing nostalgia.” It is about structuring a GUI app with clear responsibilities:

  1. ▪️ an Application class as the entry point
  2. ▪️ UI controls like Label, TextField, and Button
  3. ▪️ layout containers like VBox and HBox
  4. ▪️ event handling for user actions
  5. ▪️ a Scene attached to a Stage to display everything on screen

And the nice part? The mental model is very readable once you see it in a concrete example.

🔸 STEP 1 — CREATE THE JAVAFX ENTRY POINT 🚀

import javafx.application.Application;
import javafx.stage.Stage;

public class BmiApp extends Application {

    @Override
    public void start(Stage stage) {
        // UI will be built here
    }

    public static void main(String[] args) {
        launch(args);
    }
}

This is the foundation of every JavaFX app. You extend Application, override start(Stage stage), and call launch(args). The Stage is your main window. That is one of the first key ideas in JavaFX design: the app starts from a lifecycle managed by the framework, not from a console-style main() alone.

🔸 STEP 2 — BUILD THE INPUT CONTROLS 🎛️

Label weightLabel = new Label("Weight (kg):");
TextField weightField = new TextField();

Label heightLabel = new Label("Height (m):");
TextField heightField = new TextField();

Button calculateButton = new Button("Calculate BMI");
Label resultLabel = new Label("Your BMI will appear here");

Here we declare the main controls. JavaFX apps are composed from reusable UI nodes. Label shows text, TextField captures user input, and Button triggers an action. This is a core JavaFX point: you do not “draw pixels manually,” you assemble a scene graph of components.

🔸 STEP 3 — ORGANIZE THE LAYOUT CLEANLY 🧹

import javafx.geometry.Insets;
import javafx.scene.layout.VBox;

VBox root = new VBox(10);
root.setPadding(new Insets(15));
root.getChildren().addAll(
        weightLabel, weightField,
        heightLabel, heightField,
        calculateButton, resultLabel
);

A JavaFX UI is easier to maintain when layout is explicit. Here, VBox stacks components vertically with 10 pixels of spacing. This is an important design lesson: in JavaFX, layout containers are what keep your UI readable and scalable. Even in a tiny BMI app, separating controls from layout logic makes the code much cleaner.

🔸 STEP 4 — CONNECT THE BUTTON TO THE BUSINESS LOGIC 🔌

calculateButton.setOnAction(event -> {
    double weight = Double.parseDouble(weightField.getText());
    double height = Double.parseDouble(heightField.getText());

    double bmi = weight / (height * height);
    resultLabel.setText(String.format("BMI: %.2f", bmi));
});

This is where the app becomes interactive. setOnAction() wires the button to an event handler. The user clicks, the code reads the form values, computes the BMI, and updates the label. That is the heart of JavaFX coding: bind user actions to UI updates through event-driven logic.

🔸 STEP 5 — DISPLAY EVERYTHING IN A SCENE 🤩

import javafx.scene.Scene;

Scene scene = new Scene(root, 320, 250);
stage.setTitle("BMI Calculator");
stage.setScene(scene);
stage.show();

A Scene is the container that holds the UI graph, and the Stage displays it. This is another main JavaFX concept every Java dev should know: Stage = window, Scene = content, nodes = UI elements inside it. Once this clicks, JavaFX becomes much easier to reason about.

🔸 STEP 6 — ADD BASIC VALIDATION FOR A REALER APP ✅

calculateButton.setOnAction(event -> {
    try {
        double weight = Double.parseDouble(weightField.getText());
        double height = Double.parseDouble(heightField.getText());

        if (weight <= 0 || height <= 0) {
            resultLabel.setText("Please enter positive values.");
            return;
        }

        double bmi = weight / (height * height);
        resultLabel.setText(String.format("BMI: %.2f", bmi));
    } catch (NumberFormatException e) {
        resultLabel.setText("Please enter valid numbers.");
    }
});

This small improvement makes the demo more realistic. UI apps must handle imperfect user input. JavaFX does not replace good coding practices: you still need validation, clean business rules, and readable feedback. Even a beginner desktop app should avoid crashing on bad input.

🔸 FULL MINI APP 💪

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class BmiApp extends Application {

    @Override
    public void start(Stage stage) {
        Label weightLabel = new Label("Weight (kg):");
        TextField weightField = new TextField();

        Label heightLabel = new Label("Height (m):");
        TextField heightField = new TextField();

        Button calculateButton = new Button("Calculate BMI");
        Label resultLabel = new Label("Your BMI will appear here");

        calculateButton.setOnAction(event -> {
            try {
                double weight = Double.parseDouble(weightField.getText());
                double height = Double.parseDouble(heightField.getText());

                if (weight <= 0 || height <= 0) {
                    resultLabel.setText("Please enter positive values.");
                    return;
                }

                double bmi = weight / (height * height);
                resultLabel.setText(String.format("BMI: %.2f", bmi));
            } catch (NumberFormatException e) {
                resultLabel.setText("Please enter valid numbers.");
            }
        });

        VBox root = new VBox(10);
        root.setPadding(new Insets(15));
        root.getChildren().addAll(
                weightLabel, weightField,
                heightLabel, heightField,
                calculateButton, resultLabel
        );

        Scene scene = new Scene(root, 320, 250);
        stage.setTitle("BMI Calculator");
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Put together, this little example shows the essential JavaFX flow from startup to interaction. It is small, but it already teaches the real structure of a JavaFX app: lifecycle, controls, layout, events, logic, and rendering.

🔸 WHAT JAVA DEVELOPERS SHOULD REMEMBER ABOUT JAVAFX 🧠

  1. ▪️ JavaFX is a desktop UI toolkit for Java
  2. ▪️ The app starts from an Application subclass
  3. ▪️ Stage is the window and Scene holds the UI
  4. ▪️ Layout containers structure the screen
  5. ▪️ Controls capture and display data
  6. ▪️ Event handlers connect the UI to the logic
  7. ▪️ Validation still matters, even in small demos
  8. ▪️ A simple app is enough to understand the framework’s design philosophy

🔸 TAKEAWAYS

  1. ▪️ JavaFX is one of the clearest ways to learn event-driven UI development in Java
  2. ▪️ A BMI calculator is a good starter project because it mixes form inputs, layout, validation, and user feedback
  3. ▪️ The most important JavaFX concepts are not the widgets themselves, but the structure: Application, Stage, Scene, layout, controls, and actions
  4. ▪️ Once you understand that structure, building richer desktop tools becomes much more natural

JavaFX is probably not the first thing most Java developers think about in 2026. But as a way to understand GUI architecture in Java, it is still a very elegant playground. 🚀

#Java #JavaFX #JavaDeveloper #DesktopApp #SoftwareEngineering #Coding #UI #JVM #BackendDeveloper #Programming

Go further with Java certification:

Java👇

Spring👇

SpringBook👇

JavaBook👇

PreviousNext
Cookie Use
We use cookies to improve browsing experience, security, and data collection. By accepting, you agree to the use of cookies for advertising and analytics. You can change your cookie settings at any time. Learn More
Accept all
Settings
Decline All
Cookie Settings
These cookies enable core functionality such as security, network management, and accessibility. These cookies can’t be switched off.
These cookies help us better understand how visitors interact with our website and help us discover errors.
These cookies allow the website to remember choices you've made to provide enhanced functionality and personalization.
Save