JavaFX GUI izstrādei

JavaFX GUI izstrāde: Skatuve, Skats un Mezgls

Visi pamācības video JavaFX GUI izstrādei

Šajā rokasgrāmatā es tev soli pa solim parādīšu, kā ar JavaFX izveidot savu pirmo logu. Šī kursa praktiskā daļa palīdzēs tev iegūt pamata izpratni par būtiskajām sastāvdaļām GUI-izstrādē. Šajā procesā mēs koncentrēsimies uz trim centrālajiem jēdzieniem: Stage, Scene un Node. Sāksim uzreiz!

Galvenās atziņas

  • Stage ir tavas aplikācijas galvenais logs.
  • Scene ietver vizuālos elementus (Nodes), kurus tu vēlies attēlot savā logā.
  • Nodes ir atsevišķie elementi, piemēram, pogas, teksta lauki utml., kurus tu novieto uz Scene.

1. solis: Izveido jaunu JavaFX projektu

Vispirms tev ir jāizveido jauns projekts savā izstrādes vidē. Iet uz "Jauns projekts" un izvēlies "JavaFX projektu". Noklikšķini uz "Tālāk" un piešķir savam projektam vārdu, piemēram, "stageSceneNode". Pārliecinies, ka atstāj Java versiju (piemēram, Java SE 1.8), pirms noklikšķini uz "Gatavs".

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

2. solis: Iepazīties ar projekta struktūru

Tagad tev vajadzētu apskatīt jaunizveidotā projekta struktūru. Šeit tu atradīsi Source mapi, kurā ir tava pakotne ar noklusējuma nosaukumu "application". Šajā pakotnē atrodas Main klase, kas kalpo par tava projekta ieejas punktu.

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

3. solis: Modificēt Main klasi

Atver Main Java failu un pierod pie pamata imports, kas ļauj strādāt ar JavaFX. Šie imports ietver, piemēram, application.Application, Stage, Scene un BorderPane.

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

4. solis: Iestatīt logu un skatu

Tagad tu vari palaist savu programmu, lai redzētu tukšu logu, kura izmērs ir 400 x 400 pikseļi. Lai izveidotu skatu, tev tagad ir nepieciešams izkārtojums. Šajā piemērā mēs izmantosim BorderPane, izkārtojumu, kas ļauj tev sadalīt elementus dažādās jomās (augšā, apakšā, pa kreisi, pa labi, centrā).

5. solis: Pievienot pogu

Šajā solī tu pievienosi skatu pogu. Izveido jaunu pogas objektu un pievieno tam tekstu "Noklikšķini uz manis". Lai pārliecinātos, ka poga darbojas pareizi, pārliecinies, ka veici nepieciešamos importus. Bieži tu to vari ātri izdarīt, nospiežot Ctrl + Shift + O.

Jūsu pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

6. solis: Pievienot pogu scenai

Tagad, kad tava poga ir izveidota, tev jāpievieno tā BorderPane izkārtojumam. Norādi, kur poga tiks rādīta, piemēram, augšā vai apakšā. Izmanto BorderPane metodes, piemēram, setTop() vai setBottom(), lai attiecīgi novietotu pogu.

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

7. solis: Palaist programmu

Palaid savu programmu vēlreiz, lai padarītu redzamu savu pogu. Tagad tu vajadzētu redzēt pogu, kas atrodas tajā vietā, kuru tu esi noteicis. Ja tu mainīsi vietu no "SetTop" uz "SetLeft", tu redzēsi, kā poga logā attiecīgi pārvietojas.

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

8. solis: Papildu pielāgojumi un versiju kontrole

Kad esi novietojis pogu, tu vari veikt papildu pielāgojumus GUI. Pārliecinies, ja sastopies ar dažādiem rezultātiem – metode, ko tu ievadi, palīdzēs tev saprast koda struktūru un elementu uzvedību.

Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

Kopsavilkums – Tavs pirmais solis JavaFX GUI izstrādē: Stage, Scene un Node

Šajā rokasgrāmatā tu esi iemācījies, kā izveidot JavaFX projektu, saprast aplikācijas struktūru un sākt veidot savu pirmo logu. Tu esi apguvis svarīgās pamataspecifikācijas darbā ar Stage, Scene un Nodes.

Biežāk uzdotie jautājumi

Kā izveidoju jaunu JavaFX projektu?Iet uz "Jauns projekts", izvēlies "JavaFX projektu" un ievadi projekta nosaukumu.

Kas ir Stage, Scene un Node?Stage ir galvenais logs, Scene satur Nodes, piemēram, pogas un teksta laukus.

Kā varu ievietot pogu logā?Izveido pogas objektu, pievieno tekstu un pievieno to scenai caur BorderPane.

Kāpēc man ir jāimportē konkrētas klases?Imports ir nepieciešami, lai izmantotu vajadzīgās funkcijas un klases tavā projektā.