JavaFX GUI-rozwoju: Stage, Scene i Node

W tym przewodniku pokażę ci krok po kroku, jak stworzyć swoje pierwsze okno za pomocą JavaFX. Ta praktyczna część kursu pomoże ci zdobyć podstawową wiedzę na temat podstawowych elementów GUI-rozwoju. Skoncentrujemy się na trzech kluczowych koncepcjach: Stage, Scene i Node. Zaczynajmy!

Najważniejsze wnioski

• Stage to główne okno twojej aplikacji.
• Scene zawiera elementy wizualne (Nodes), które chcesz wyświetlić w swoim oknie.
• Nodes to pojedyncze elementy, takie jak przyciski, pola tekstowe itp., które umieszczasz na Scene.

Krok 1: Utworzenie nowego projektu JavaFX

Na początku musisz utworzyć nowy projekt w swoim środowisku programistycznym. Wybierz "Nowy projekt" i wybierz "Projekt JavaFX". Kliknij "Dalej" i nadaj swojemu projektowi nazwę, na przykład "stageSceneNode". Upewnij się, że pozostawiłeś wersję Java (na przykład Java SE 1.8), zanim klikniesz "Zakończ".

Krok 2: Zrozumienie struktury projektu

Teraz powinieneś spojrzeć na strukturę nowo utworzonego projektu. Znajdziesz tam folder Source, w którym znajduje się twój pakiet o domyślnej nazwie "application". Wewnątrz tego pakietu znajduje się klasa Main, która reprezentuje punkt wejściowy twojej aplikacji.

Krok 3: Modyfikacja klasy Main

Otwórz plik Main.java i zapoznaj się z podstawowymi importami, które umożliwiają ci pracę z JavaFX. Te importy obejmują między innymi application.Application, Stage, Scene oraz BorderPane.

Krok 4: Ustawienie okna i sceny

Teraz możesz uruchomić swój program, aby zobaczyć puste okno o wymiarach 400 x 400 pikseli. Aby stworzyć Scene, potrzebujesz teraz układu. W tym przykładzie użyjemy BorderPane, układu, który pozwala na podział elementów na różne obszary (górny, dolny, lewy, prawy, środek).

Krok 5: Dodanie przycisku

W tym kroku dodasz przycisk do swojej Sceny. Utwórz nowy obiekt Button i ustaw mu tekst "Kliknij mnie". Aby upewnić się, że przycisk działa poprawnie, musisz upewnić się, że masz niezbędne importy. Często można to łatwo zrobić, naciskając Ctrl + Shift + O.

Krok 6: Dodanie przycisku do sceny

Teraz, gdy twój przycisk został utworzony, musisz dodać go do układu BorderPane. Wskaź, gdzie przycisk ma być wyświetlany, np. na górze lub na dole. Użyj metod BorderPane, takich jak setTop() lub setBottom(), aby odpowiednio umieścić przycisk.

Krok 7: Uruchom program

Uruchom ponownie swój program, aby zobaczyć swój przycisk. Teraz powinieneś zobaczyć przycisk w danej pozycji, którą określiłeś. Zmieniasz położenie z „SetTop” na „SetLeft”, zobaczysz, jak przycisk przemieszcza się w oknie.

Krok 8: Dalsze dostosowania i wersjonowanie

Po umieszczeniu przycisku możesz dokonać dalszych dostosowań w GUI. Upewnij się, że jeśli napotkasz różne wyniki – metoda, którą wpisałeś, pomoże ci nauczyć się struktury kodu i zachowania elementów.

Podsumowanie – Twój pierwszy krok w rozwoju GUI w JavaFX: Stage, Scene i Node

W tym przewodniku nauczyłeś się, jak utworzyć projekt JavaFX, zrozumieć strukturę aplikacji i rozpocząć projektowanie swojego pierwszego okna. Poznałeś ważne podstawy dotyczące pracy z Stage, Scene i Nodes.