Създаване на първа JavaFX програма – Калкулатор

След конфигурирането на проекта и създаването на основните класове, следва реализирането на първото JavaFX приложение. За пример ще бъде създаден калкулатор, който извършва събиране на две числа и визуализира резултата в графичен интерфейс.

1. Наследяване на класа Application

Класът CalculateApplication трябва да наследява класа Application от JavaFX. Това е задължително, защото Application управлява жизнения цикъл на JavaFX приложението и позволява създаването на графичен прозорец. Без това наследяване приложението не може да бъде стартирано като JavaFX приложение.

package bg.tu_varna.sit.ps.lab1;

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

public class CalculateApplication extends Application {

    @Override
    public void start(Stage stage) {
        // Тук ще се изгради графичният интерфейс
    }
}

2. Създаване на графичните компоненти

В метода start(Stage stage) се създават компонентите на потребителския интерфейс. Използват се текстови полета за въвеждане на числа, бутон за стартиране на изчислението и етикет за показване на резултата. Тези компоненти осигуряват основното взаимодействие между потребителя и приложението.

TextField number1Field = new TextField();
number1Field.setPromptText("Първо число");

TextField number2Field = new TextField();
number2Field.setPromptText("Второ число");

Button calculateButton = new Button("Изчисли");

Label resultLabel = new Label("Резултат:");

При импортирането да се използват контролите от javafx.scene.control пакетите.

3. Обработка на събития

След създаването на графичните компоненти е необходимо да се дефинира поведение на приложението при взаимодействие с потребителя. В случая това означава да се зададе действие, което да се изпълнява при натискане на бутона „Изчисли“.

В JavaFX обработката на събития се реализира чрез интерфейса EventHandler, където T е типът на събитието. При натискане на бутон се генерира събитие от тип ActionEvent. Поради това се създава отделен клас, който имплементира EventHandler.

3.1. Свързване на бутона с обработчика

В метода start() се създава инстанция на обработчика и тя се подава на метода setOnAction():

calculateButton.setOnAction(
        new CalculateButtonHandler(number1Field, number2Field, resultLabel)
);

3.2. Реализация на класа за обработка на събитието

Външният клас CalculateButtonHandler представлява обработчик на събития за бутона „Изчисли“. Той имплементира интерфейса EventHandler, което позволява да се зададе какво се случва при натискане на бутона.

В конструктора на класа се подават съществуващите компоненти от интерфейса – двете текстови полета и етикетът за резултата. В метода handle() се извършва следното:

• Четат се числата от текстовите полета.
• Извършва се събиране на двете числа.
• Резултатът се показва в Label.

import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;

public class CalculateButtonHandler implements EventHandler<ActionEvent> {

    private final TextField number1Field;
    private final TextField number2Field;
    private final Label resultLabel;

    public CalculateButtonHandler(TextField number1Field, TextField number2Field, Label resultLabel) {
        this.number1Field = number1Field;
        this.number2Field = number2Field;
        this.resultLabel = resultLabel;
    }

    @Override
    public void handle(ActionEvent event) {
        double num1 = Double.parseDouble(number1Field.getText());
        double num2 = Double.parseDouble(number2Field.getText());
        double result = num1 + num2;

        resultLabel.setText("Резултат: " + result);
    }
}

4. Подреждане на компонентите (Layout)

За подреждане на компонентите се използва layout контейнер от тип VBox. Layout контейнерите са необходими, тъй като JavaFX не позволява директно позициониране на елементите без контейнер. VBox подрежда компонентите вертикално, което е удобно за прост интерфейс като калкулатора.

VBox layout = new VBox(12);
layout.setAlignment(Pos.CENTER);
layout.setPadding(new Insets(20));
layout.setSpacing(10);
layout.getChildren().addAll(
        number1Field,
        number2Field,
        calculateButton,
        resultLabel
);

Контейнерът VBox подрежда всички компоненти един под друг в реда, в който са добавени. Стойността 12 задава разстоянието между отделните елементи. Чрез setAlignment(Pos.CENTER) всички компоненти се подравняват в центъра на прозореца, което подобрява визуалния изглед. Методът setPadding(new Insets(20)) добавя вътрешно отстояние между компонентите и краищата на прозореца, като предотвратява „залепването“ им до ръбовете.setSpacing(10) задава допълнително разстояние между отделните компоненти.

5. Създаване на декор и показване на прозореца

След като интерфейсът е изграден, той се поставя в обект от тип Scene. Дисплеят се асоциира с основния прозорец (Stage), задава се заглавие и чрез извикване на метода show() приложението се визуализира на екрана.

 Scene scene = new Scene(layout, 320, 240);

stage.setTitle("Kалкулатор за събиране");
stage.setScene(scene);
stage.show();

6. Стартиране на приложението чрез класа Launcher

За безопасно стартиране на JavaFX приложението се използва отделен клас Launcher, който съдържа метода main(). В него се извиква статичният метод launch(), който стартира JavaFX средата и извиква метода start() на класа CalculateApplication.

package bg.tu_varna.sit.ps.lab1;

import javafx.application.Application;

public class Launcher {
    public static void main(String[] args) {
        Application.launch(CalculateApplication.class, args);
    }
}

При успешно стартиране трябва да се визуализира следния прозорец: