JavaFX skirtas grafinių vartotojo sąsajų kūrimui.

JavaFX GUI plėtra: Stage, Scene ir Node

Visi pamokos vaizdo įrašai JavaFX skirta GUI kūrimui.

Šiame vadove aš parodysiu, kaip žingsnis po žingsnio sukurti savo pirmąjį langą naudojant JavaFX. Ši praktinė kurso dalis padės jums įgyti pagrindinių GUI-plėtros sudedamųjų dalių supratimą. Šiuo atveju sutelksime dėmesį į tris svarbiausius koncepcijas: Stage, Scene ir Node. Pradėkime!

Pagrindinės išvados

  • Stage yra pagrindinis jūsų programos langas.
  • Scene apima vizualinius elementus (Nodes), kuriuos norite rodyti savo lange.
  • Nodes yra individualūs elementai, tokie kaip mygtukai, teksto laukeliai ir kt., kuriuos dedate į Scene.

Žingsnis 1: Sukurti naują JavaFX projektą

Visų pirma, turite sukurti naują projektą savo kūrimo aplinkoje. Tam eikite į "Naujas projektas" ir pasirinkite "JavaFX projektą". Paspauskite "Sekantis" ir suteikite savo projektui pavadinimą, pavyzdžiui, "stageSceneNode". Nepamirškite palikti Java versijos (pavyzdžiui, Java SE 1.8), prieš paspausdami "Baigti".

Jūsų pirmas žingsnis JavaFX GUI kūrime: Etapas, scena ir mazgas

Žingsnis 2: Projektų struktūros supratimas

Dabar turėtumėte pažvelgti į naujai sukurtos projekto struktūrą. Čia rasite Source aplanką, kuriame yra jūsų paketas su numatytiniu pavadinimu "application". Šiame pakete yra Main klasė, kuri yra jūsų programos įėjimo taškas.

Tavo pirmas žingsnis JavaFX GUI kūrime: Stage, Scene ir Node

Žingsnis 3: Pagrindinės klasės modifikavimas

Atidarykite Main-Java failą ir įpraskite prie pagrindinių importų, kurie padeda dirbti su JavaFX. Šie importai apima, be kita ko, application.Application, Stage, Scene ir BorderPane.

Jūsų pirmas žingsnis JavaFX GUI kūrime: Stage, Scene ir Node

Žingsnis 4: Langą ir sceną nustatyti

Dabar galite pradėti savo programą, kad pamatytumėte tuščią langą, kurio dydis 400 x 400 pikselių. Norint sukurti sceną, jums dabar reikia maketo. Šiame pavyzdyje naudosime BorderPane, maketą, leidžiantį jums padalinti elementus į skirtingas sritis (viršuje, apačioje, kairėje, dešinėje, centre).

Žingsnis 5: Pridėti mygtuką

Šiame žingsnyje pridėsite savo scenai mygtuką. Sukurkite naują mygtuko objektą ir nustatykite jo tekstą "Paspausk mane". Kad įsitikintumėte, jog mygtukas veikia tinkamai, turite užtikrinti, kad atlikdami reikiamus importus. Dažnai tai galite padaryti greitai paspaudę Ctrl + Shift + O.

Tavo pirmas žingsnis JavaFX GUI kūrime: Stage, Scene ir Node

Žingsnis 6: Mygtuko pridėjimas prie scenos

Dabar, kai jūsų mygtukas sukurtas, turite jį pridėti prie BorderPane maketo. Nurodykite, kur mygtukas turėtų būti rodomas, pavyzdžiui, viršuje arba apačioje. Naudokite BorderPane metodus, tokius kaip setTop() arba setBottom(), norėdami atitinkamai išdėstyti mygtuką.

Tavo pirmas žingsnis JavaFX GUI kūrime: Stage, Scene ir Node

Žingsnis 7: Programos paleidimas

Paleiskite savo programą dar kartą, kad padarytumėte mygtuką matomą. Dabar turėtumėte matyti mygtuką ten, kur jį nustatėte. Jei pakeisite "SetTop" poziciją į "SetLeft", pamatysite, kaip mygtukas atitinkamai judės lango viduje.

Jūsų pirmasis žingsnis kuriant JavaFX GUI: Scena, Etapas ir Nodas

Žingsnis 8: Kiti patobulinimai ir versijų valdymas

Įdiegę savo mygtuką, galite atlikti papildomus GUI pritaikymus. Atminkite, jei susiduriate su skirtingais rezultatais – jūsų įvedimo metodas padės jums išmokti kodo struktūros ir elementų elgsenos.

Jūsų pirmasis žingsnis JavaFX GUI kūrime: Stage, Scene ir Node

Santrauka – Jūsų pirmas žingsnis į JavaFX GUI plėtrą: Stage, Scene ir Node

Šiame vadove išmokote, kaip sukurti JavaFX projektą, suprasti programos struktūrą ir pradėti kurti savo pirmąjį langą. Jūs įgijote pagrindinių žinių, kaip dirbti su Stage, Scene ir Nodes.

Dažnai užduodami klausimai

Kaip sukurti naują JavaFX projektą?Eikite į "Naujas projektas", pasirinkite "JavaFX projektą" ir įveskite projekto pavadinimą.

Kas yra Stage, Scene ir Node?Stage yra pagrindinis langas, Scene apima Nodes, tokius kaip mygtukai ir teksto laukeliai.

Kaip galiu pridėti mygtuką į langą?Sukurkite mygtuko objektą, nustatykite tekstą ir pridėkite jį prie scenos per BorderPane.

Kodėl turiu importuoti tam tikras klases?Importai yra būtini, kad galėtumėte naudoti reikiamas funkcijas ir klases savo projekte.