Graafiliste kasutajaliideste (GUIs) arendamine võib mõnikord olla väljakutse, eriti kui tuleb kõik käsitsi koodi kirjutada. Tööriist, mis sind siin aitab, on JavaFX Scene Builder. See tööriist võimaldab sul minimaalse vaevaga atraktiivseid liideseid luua. Selles juhendis näitan ma sulle samme Scene Builderi tõhusaks kasutamiseks ja lihtsa GUI kujundamiseks.
Olulisemad järeldused
- Scene Builder võimaldab liideste lihtsat kokkupanekut lohistamise ja langetamise abil.
- Oluline on luua.fxml-fail enne Scene Builderi kasutamist.
- Elementide paigutust saab hallata otse liideses, mis kiirendab arendust oluliselt.
Koori.fxml-fail
Scene Builderiga töötamiseks pead esmalt looma.fxml-faili. See on väga lihtne. Paremklõpsa oma rakenduse kaustal ja vali „Uus“ ning seejärel „Muud…“. Jaotisest „JavaFX“ vali „Uus FXML dokument“. Nüüd saad failile nime anda, näiteks „Kursus.fxml“, ja vajuta „Lõpeta“. Seejärel ilmub fail sinu projekti kausta.
XML-koodi mõistmine
Kuigi keskendume peamiselt visualiseerimisprotsessile, esitatakse.fxml-fail XML-sarnases süntaksis. Sa ei pea tõenäoliselt palju koodi ise kirjutama, kuna Scene Builder võimaldab sul kõike lohistamise ja langetamise abil kujundada. Kui sul on siiski spetsiifilisi kohandamisvajadusi, saad XML-koodi igal ajal otse kohandada.
Scene Builderi kasutamine
Scene Builderi käivitamiseks paremklõpsa.fxml-failil ja vali „Ava Scene Builderiga“. Mõne sekundi pärast avatakse tööriist ja kuvatakse kasutajaliides. Vasakul näed erinevaid konteinerite ja juhtseadmete nagu nupud, tekstiväljad ja menüüd, mida saad oma rakenduses kasutada.
Tööala kohandamine
Esimene samm Scene Builderis peaks olema tööala kohandamine nii, et sul oleks oma elementide jaoks piisavalt ruumi. Märkad, et vaikimisi on valitud AnchorPane. Sa saad seda konteinerit redigeerida, muutes selle suurust, et luua rohkem ruumi sinu GUI jaoks.
Elementide lisamine
Nüüd algab loominguline osa: GUI-elementide lisamine. Näiteks saad lisada nupu. Lihtsalt lohista nupp nimekirjast tööalale. Võid märgata, et ilmuvad punased jooned, mis aitavad sul nupu positsiooniga joonduda.
Omaduste redigeerimine
Igal elemendil on spetsiifilised omadused, mida saad kohandada. Kui klikid näiteks nupule, saad paremal pool jaotisest „Omadused“ nupu teksti muuta. „Nupu“ asemel sisesta „Minu nupp“. Pane tähele, et saad ka nupu paigutust kohandada, et see õigesse kohta paigutada.
Elementide tsentreerimine
Kui soovid, et nupp jääks alati tsentreeritud, pead tegema mõned paigutuse kohandused. Näiteks saad nupu „ankurdada“ kindlasse positsiooni. Kui muutud akna suurust, jääb nupp alati soovitud kohta.
Muudatuste testimine
Oma GUI testimiseks saad.fxml-faili salvestada ja oma main.java-failis selle sisse tuua. Selle asemel, et suurust määrata, kasutad FXML-laadijat, et laadida.fxml-fail. Seda saad teha käsuga getClass().getResource().
Nüüd saad programmi käivitada. Aken peaks ilmuma koos tekstiväljade ja nuppudega, mille oled loonud. Näed, kui lihtne ja tõhus võib olla GUI loomine Scene Builderiga.
Kokkuvõte – Juhend Scene Builderi kasutamiseks JavaFX-is
Scene Builderiga saad lihtsalt ja intuitsioonil GEOsi luua. Lohistamise ja langetamise lähenemine säästab palju aega ning saad reaalajas näha, kuidas sinu liides välja näeb. Arusaamine.fxml-failist ja sinu elementide omadustest on oluline, et saada sellest tööriistast maksimaalset kasu.
Korduma kippuvad küsimused
Kuidas avada Scene Builder?Paremklõpsa.fxml-failil ja vali „Ava Scene Builderiga“.
Kas saan.fxml-faili pärast loomist muuta?Jah, saad igal ajal Scene Builderis või otse XML-koodis kohandusi teha.
Mida teha, kui element ei näe välja nagu peab?Kontrolli elemendi positsiooni ja omadusi Scene Builderi liidese külgribal.
Kasu Scene Builder ilma programmeerimisoskusteta?Jah, saad enamikku funktsioone kasutada ilma süvitsi minevate programmeerimisoskuseta, kuid põhiteadmised JavaFX-is on kohanduste tegemiseks kasulikud.
