JavaFX kasutajaliidese arendamiseks

JavaFX GUI arendus: Stage, Scene ja Node

Kõik õpetuse videod JavaFX kasutajaliidese arendamiseks

Selles juhendis näitan ma sulle samm-sammult, kuidas luua oma esimest akent JavaFX abil. See praktiline osa kursusest aitab sul saada põhiteadmised GUI-arenduse põhikomponentidest. Keskendume kolmele kesksele kontseptsioonile: Stage, Scene ja Node. Alustame kohe!

Olulisemad järeldused

  • Stage on sinu rakenduse peaken.
  • Scene sisaldab visuaalseid elemente (Nodes), mida soovid oma aknas kuvada.
  • Nodes on eraldi elemendid nagu nupud, tekstiväljad jne, mida paigutad Scene'i.

Samm 1: Uue JavaFX projekti loomine

Esimese asjana pead looma oma arenduskeskkonnas uue projekti. Selleks mine "Uus projekt" ja vali "JavaFX projekt". Kliki "Jätka" ja anna oma projekti nimeks näiteks "stageSceneNode". Veendu, et Java versioon (näiteks Java SE 1.8) jääb muutumatuks, enne kui klikkad "Valmis".

Teie esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 2: Projekti struktuuri mõistmine

Nüüd peaksid vaatama loodud projekti struktuuri. Siit leiad allika kausta, kus asub sinu paket standardnimega "application". Selle paketi sees asub Main klass, mis on sinu rakenduse sisenemispunkt.

Teie esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 3: Main klassi kohandamine

Ava Main-Java fail ja harjuta põhiväljakutsete, mis võimaldavad sul töötada JavaFX-iga. Need importid sisaldavad muu hulgas application.Application, Stage, Scene ja BorderPane.

Sinu esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 4: Akna ja stseeni seadistamine

Praegu saad oma programmi käivitada, et näha tühja akent, mis on 400 x 400 pikslit suur. Stseeni loomiseks vajad nüüd paigutust. Antud näites kasutame BorderPane'i, paigutust, mis võimaldab sul elemente jaotada erinevatesse aladesse (üles, alla, vasakule, paremale, keskosa).

Samm 5: Nupu lisamine

Antud sammus lisad oma stseeni nupu. Loo uus nupuväli ja määra sellele tekst "Klikka mind". Veendumiseks, et nupp töötab õigesti, pead veenduma, et teed vajalikud importimised. Sageli saad selle kiiresti teha, vajutades Ctrl + Shift + O.

Teie esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 6: Nupu lisamine stseeni

Nüüd, kui sinu nupp on loodud, pead selle lisama BorderPane'i paigutusse. Näita, kus nupp kuvatakse, nt ülal või all. Kasuta selleks BorderPane'i meetodeid, nagu setTop() või setBottom(), et nuppu vastavalt paigutada.

Sinu esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 7: programmi käivitamine

Käivita oma programm uuesti, et muuta oma nupp nähtavaks. Sa peaksid nüüd nägema nuppu, mis asub positsioonil, mille määrasid. Kui vahetad "SetTop" positsiooni "SetLeft" vastu, näed, kuidas nupp aknas vastavalt liikuda.

Teie esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Samm 8: Täiendavad kohandused ja versioonimine

Pärast nuppu paigutamist saad teha GUI's täiendavaid kohandusi. Veendu, et oled tähelepanelik, kui kohtad erinevaid tulemusi - sinu sisestatud meetod aitab sul õppida koodi struktuuri ja elementide käitumist.

Sinu esimene samm JavaFX GUI arenduses: Stage, Scene ja Node

Kokkuvõte – Sinu esimene samm JavaFX GUI arendamises: Stage, Scene ja Node

Selles juhendis oled õppinud, kuidas luua JavaFX projekt, mõista rakenduse struktuuri ja alustada oma esimese akna kujundamisega. Oled omandanud olulised põhialused Stage, Scene ja Nodes'i kasutamiseks.

Korduma kippuvad küsimused

Kuidas luua uut JavaFX projekti?Mine "Uus projekt", vali "JavaFX projekt" ja sisesta projekti nimi.

Mis on Stage, Scene ja Node?Stage on peaken, Scene sisaldab Nodes'e nagu nupud ja tekstiväljad.

Kuidas saan nuppu aknasse lisada?Loo nupp-objekt, määrake tekst ja lisa see stseeni läbi BorderPane'i.

Miks pean teatud klasse importima?Importid on vajalikud, et kasutada sinu projekti jaoks vajalikku funktsionaalsust ja klasse.