Štítky sú základné grafické prvky v každom používateľskom rozhraní. Slúžia nielen na zobrazenie textov, ale aj na prezentáciu informácií pre používateľa. V tejto príručke sa dozvieš, ako vytvárať a prispôsobovať štítky v JavaFX a čím sa líšia od triedy Text. Pochopíš, ako kombinuješ štítky s grafikou a textom a prispôsobíš dizajn podľa svojich predstáv.
Najdôležitejšie poznatky
- Štítky sú grafické prvky, ktoré reprezentujú text a obrázky.
- Štítky môžu používať grafické zdroje, ako sú obrázky.
- Môžeš prispôsobiť písmo, veľkosť a farbu štítkov.
- Správanie štítkov môže byť riadené rôznymi funkciami.
Návod krok za krokom
Aby si mohol začať pracovať so štítkami v JavaFX, najprv potrebuješ obrázok, ktorý sa má zobraziť v GUI. V tomto príklade použijeme logo.
Vytvor nové JavaFX projekty a vlož obrázok do svojho projektového adresára. Aby si pridal obrázok, jednoducho ho pretiahni do adresára tvojej aplikácie. V tomto prípade používame súbor Logo.PNG.
Teraz musíš vložiť obrázok do svojho programu, aby to fungovalo.
Dbaj na to, aby si správne uviedol názov svojho obrázkového súboru. Nezabudni importovať triedu Image, aby si ju mohol využívať.
Aby si zobrazil obrázok v GUI, použij triedu Label.
Ide o jednoduchý text, ktorý sa zobrazuje v štítku. Opäť je dôležité importovať triedu Label.
Aby si zobrazil obrázok, ktorý si práve vytvoril, musíš ho priradiť ako grafiku.
Pre ImageView musíš taktiež importovať príslušnú triedu.
Štítok môže byť organizovaný pomocou triedy Group, takže môžeš zlúčiť viacero grafických prvkov.
Group musíš taktiež importovať.
Akonáhle si všetko nastavil, môžeš spustiť svoj program, aby sa zobrazil štítok s obrázkom a textom. Tvoje GUI by teraz malo vyzerať podľa tvojich predstáv.
Aby si prispôsobil usporiadanie podľa svojich predstáv, môžeš vykonať rôzne úpravy. Najprv môžeš zmeniť písmo štítku.
Uisti sa, že importuješ triedu Font, aby to fungovalo.
Veľkosť okna sa automaticky prispôsobí prvkom používaným v GUI.
Pri tom uvedieš hexadecimálnu hodnotu, ktorá definuje požadovanú farbu.
Dodatočne môžeš štítok skálovať.
To ovplyvní rozmery tvojho štítku a možno aj okolitých grafických prvkov.
Ako chceš presunúť štítok vo svojom okne, môžeš použiť metódu setTranslateX() a setTranslateY().
To presunie tvoj štítok na požadovanú pozíciu v GUI.
Niekteré veci môžeš ešte preskúmať. Štítky ponúkajú veľa funkcií, ako interakcie s udalosťami myši. Môžeš napríklad pridať udalosti pri prechode myšou.
Preskoč napríklad do dokumentácie a experimentuj so štítkami, aby si objavil rozmanité možnosti.
Zhrnutie – JavaFX pre vývoj GUI: Štítok v JavaFX
V tejto príručke si sa naučil, ako vytvoriť štítok v JavaFX a prispôsobiť rôzne vlastnosti. Od pridania obrázka až po prispôsobenie písiem a farieb si sa naučil základy používania štítkov v grafickom používateľskom rozhraní tvojej aplikácie. Využi tieto vedomosti na vytváranie vlastných atraktívnych používateľských rozhraní.
Často kladené otázky
Čo je štítok v JavaFX?Štítok je grafická komponenta, ktorá predstavuje text a obrázky v používateľskom rozhraní.
Ako importujem triedu Image do svojho JavaFX projektu?Použi import javafx.scene.image.Image;, aby si pridal triedu Image.
Môžem zmeniť písmo štítku?Ano, môžeš prispôsobiť písmo štítku pomocou metódy setFont().
Ako sa skaluje štítok v JavaFX?Použi setScaleX() a setScaleY(), aby si skloloval veľkosť štítku.
Ako pridám obrázok k štítku?Použi triedu ImageView a metódu setGraphic(), aby si zobrazil obrázok.
