Cum să adăugați butoane și text în proiectul dvs. JavaFX - dummies

Ca programator de java de început, veți dori să adăugați lucruri la proiectul dvs. JavaFX. Când creați un program GUI de mare capacitate, începeți prin crearea unei ferestre cu butoane și alte widget-uri. Apoi adăugați metode pentru a răspunde la apăsările de taste, clicurile pe butoane și alte astfel de lucruri.

Aici folosiți un fișier XML pentru a descrie un buton și un câmp de text:

1 Deschideți proiectul JavaFX.

Uită-te în Eclipse's Package Explorer pentru noul proiect.

2Deschideți sucursala noului proiect în Eclipse's Package Explorer.

Căutați ramificația aplicației, care se află în interiorul sucursalei src.

3 Faceți clic dreapta (sau pe un Mac, faceți clic pe control) ramura aplicației. În meniul contextual care apare, selectați Fișier → Nou → Altele.

Va apărea caseta de dialog Expert Selectați.

4În arborele ferestrei de dialog Select Wizard, expandați ramura JavaFX. În ramura JavaFX, faceți dublu clic pe elementul New Document FXML.

Apare o casetă de dialog FXML File.

5În caseta de dialog din caseta de dialog, introduceți un nume pentru noul fișier, apoi faceți clic pe Terminare.

Denumiți fișierul Root .

Introduceți numele Root, dar e (fx) clipse creează un fișier al cărui nume complet este Root. fxml.

Acest nou rădăcină. fișierul fxml descrie aspectul butoanelor, câmpurilor de text și a altor elemente din noua aplicație JavaFX.

6 Faceți clic dreapta (sau pe un Mac, clic-control) pe noul Rădăcină. fxml branch în Eclipse's Package Explorer. În meniul contextual care apare, selectați Deschidere cu SceneBuilder.

Se afișează fereastra aplicației Builder de scene.

Fereastra Generatorului de scenarii conține mai multe domenii:

Mijlocul ferestrei Builder-ul Scene conține panoul Conținut , unde vedeți o previzualizare a noii dvs. aplicații. (În prezent, nu există nimic în aplicația dvs. pentru a vedea, astfel încât panoul Conținut este un spațiu mare gol.)

Partea din stânga sus a ferestrei conține un panou Bibliotecă , care conține o secțiune Containers, o secțiune Controale și câteva secțiuni.

În lumea GUI, lucruri precum butoanele, câmpurile de text, etichetele și casetele de selectare sunt numite controale . Secțiunea Controale din bibliotecă formează o paletă. Pentru a crea o fereastră GUI, trageți comenzile din paletă și plasați-le în panoul Conținut.

Partea din stânga jos a ferestrei conține un panou Document , care conține o secțiune Ierarhie și o secțiune Controller. Secțiunea Ierarhie conține un element AnchorPane.

Secțiunea ierarhie conține un arbore care arată elementele ferestrei dvs. în interiorul căruia sunt alte elemente.Secțiunea Controller vă ajută să conectați fereastra pe care o proiectați cu codul Java al aplicației.

Partea din partea dreaptă a ferestrei conține un panou de inspecție , care conține o secțiune Proprietăți, o secțiune Layout și o secțiune Cod.

În secțiunea Proprietăți, descrieți caracteristicile elementelor din fereastră. În secțiunea Cod, numiți metodele Java asociate elementelor din fereastra dvs.

Kilometrajul dvs. poate varia! Aceste instrucțiuni lucrează la o ediție de previzualizare a Scene Builder 2. 0. Dacă aveți o versiune diferită de Scene Builder, pașii dvs. ar putea fi puțin diferit.

7Selectați elementul AnchorPane din secțiunea ierarhie.

Un marcator apare în mijlocul panoului Conținut al constructorului de scene.

8Dați marcatorul din panoul Conținut pentru a mări ancora.

AnchorPane se va mări.

9Găsiți intrarea TextField în secțiunea Controls din panoul Bibliotecă

Trageți apoi un control TextField în AnchorPage în panoul Conținut.

10Introduceți butonul "Butonul" din secțiunea "Controale" din panoul Bibliotecă.

Trageți un buton de control în panoul AnchorPage din panoul Conținut.

11În meniul principal, selectați Fișier → Salvare.

Acest lucru vă salvează noul fișier FXML.

12Închideți aplicația Builder de scene.

Când te întorci la bancul de lucru Eclipse, poți vedea noul cod în rădăcina ta. fișier fxml.

Faceți dublu clic pe Root. fxml branch în Explorer Explorer pentru a vedea codul fișierului. Dacă nu vedeți cuvintele TextField și Button în cod, faceți clic pe mouse-ul în fereastra editorului. (Dacă faceți clic pe mouse-ul dvs. actualizați editorul pentru a reflecta modificările făcute de Scene Builder.) Dacă codul din editor nu pare a fi indentat corect, faceți clic pe mouse-ul într-o zonă goală din editor și apăsați pe Ctrl-Shift-F.

Ori de câte ori doriți să formatați codul în editorul Eclipse (făcând codul mai ușor de citit și mai ușor de înțeles), apăsați Ctrl-Shift-F.

13Editați proiectul Main. java.

Comentează extrasul de bază al BorderPane și adaugă o instrucțiune rădăcină părinte, așa cum se arată în boldface în Listing 20-3.

Modificările din listare 20-3 conectează aplicația la noua dvs. rădăcină. fxml layout.

14Deschideți proiectul.

Când faci, vezi o rulare a proiectului folosind Rootul. fișier fxml.