JavaFX GUI-разработка: Сцена, Сцена и Възел

В това ръководство ще ти покажа стъпка по стъпка как да създадеш първия си прозорец с JavaFX. Тази практическа част от курса ще ти помогне да придобиеш основно разбиране за съществените компоненти на GUI-разработката. Тук ще се фокусираме върху трите централни концепции: Stage, Scene и Node. Нека да започнем!

Най-важни заключения

• Stage е основният прозорец на твоето приложение.
• Scene съдържа визуалните елементи (Nodes), които искаш да покажеш в прозореца си.
• Nodes са отделните елементи като бутони, текстови полета и т.н., които поставяш в Scene.

Стъпка 1: Създаване на ново JavaFX проект

Първо, трябва да създадеш нов проект в твоята среда за разработка. Отиди на "Нов проект" и избери "JavaFX проект". Кликни на "Напред" и дай име на проекта си, например "stageSceneNode". Убедете се, че Java версията (например Java SE 1.8) остава, преди да кликнеш на "Готово".

Стъпка 2: Разбиране на проекта

Сега трябва да разгледаш структурата на новосъздадения проект. Тук ще намериш папка Source, в която се намира твоят пакет със стандартното име "application". Вътре в този пакет се намира Main класа, която представлява точката на вход в твоето приложение.

Стъпка 3: Модифициране на Main класа

Отвори Main-Java файла и свикни с основните импорти, които ти позволяват да работиш с JavaFX. Тези импорти включват между другото application.Application, Stage, Scene и BorderPane.

Стъпка 4: Настройване на прозореца и сцената

Сега можеш да стартираш програмата си, за да видиш празен прозорец с размер 400 x 400 пиксела. За да създадеш сцена, сега ти е нужно оформление. В този пример използваме BorderPane, оформление, което ти позволява да разделяш елементи на различни зони (горе, долу, ляво, дясно, център).

Стъпка 5: Добавяне на бутон

В тази стъпка добавяш бутон към сцена. Създай ново Button обект и му зададете текст "Кликни ме". За да се увериш, че бутонът работи правилно, трябва да се увериш, че правиш необходимите импорти. Често можеш да го направиш бързо, като натиснеш Ctrl + Shift + O.

Стъпка 6: Добавяне на бутона към сцената

Сега, след като бутонът ти е създаден, трябва да го добавиш към BorderPane-оформлението. Укажи къде да се показва бутонът, например отгоре или отдолу. Използвай методи на BorderPane, като setTop() или setBottom(), за да позиционираш бутона съответно.

Стъпка 7: Стартиране на програмата

Стартирай отново програмата си, за да направиш бутона видим. Сега трябва да видиш бутон, който е на позицията, която си определил. Ако промениш позицията от "SetTop" на "SetLeft", ще видиш как бутонът се премества в прозореца съответно.

Стъпка 8: Допълнителни настройки и версиониране

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

Резюме – Твоята първа стъпка в JavaFX GUI разработката: Stage, Scene и Node

В това ръководство научи как да създадеш проект на JavaFX, да разбереш структурата на приложението и да започнеш проектирането на твоя първи прозорец. Придобил си важни основи за работа с Stage, Scene и Nodes.