Labels zijn fundamentele grafische elementen in elke gebruikersinterface. Ze dienen niet alleen om tekst weer te geven, maar ook om informatie aan de gebruiker te presenteren. In deze handleiding leer je hoe je labels in JavaFX kunt maken en aanpassen en waarmee ze verschillen van de text-klasse. Je zult begrijpen hoe je labels met grafieken en tekst combineert en het ontwerp naar wens aanpast.
Belangrijkste bevindingen
- Labels zijn grafische elementen die tekst en afbeeldingen weergeven.
- Labels kunnen grafische bronnen zoals afbeeldingen gebruiken.
- Je kunt het lettertype, de grootte en de kleur van labels aanpassen.
- Het gedrag van labels kan door verschillende functies worden aangestuurd.
Stap-voor-stap handleiding
Om te beginnen met werken aan labels in JavaFX heb je eerst een afbeelding nodig die in de GUI moet worden weergegeven. In dit voorbeeld gebruiken we een logo.
Maak een nieuw JavaFX-project en voeg een afbeelding toe aan je projectdirectory. Om de afbeelding toe te voegen, sleep je deze eenvoudig naar de directory van je applicatie. In dit geval gebruiken we het bestand Logo.PNG.
Nu moet je de afbeelding in je programma invoegen, zodat het werkt.
Zorg ervoor dat je de naam van je afbeeldingsbestand correct opgeeft. Vergeet niet de klasse Image te importeren om deze te kunnen gebruiken.
Om de afbeelding in de GUI weer te geven, gebruik je de klasse Label.
Dit is een eenvoudige tekst die in het label wordt weergegeven. Het is opnieuw belangrijk om de Label-klasse te importeren.
Om de afbeelding die je net hebt gemaakt in je label weer te geven, moet je deze als grafiek toewijzen.
Voor het ImageView moet je ook de bijbehorende klasse importeren.
Een label kan worden georganiseerd via de Group-klasse, zodat meerdere grafische elementen kunnen worden samengevoegd.
De Group moet ook geïmporteerd worden.
Zodra je alles zo hebt ingesteld, kun je je programma uitvoeren om het label met de afbeelding en de tekst weer te geven. Je GUI zou nu eruit moeten zien zoals gewenst.
Om het layout naar wens vorm te geven, kun je verschillende aanpassingen doen. Allereerst kun je het lettertype van het label wijzigen.
Zorg ervoor dat je de Font-klasse importeert, zodat dit werkt.
De grootte van het venster past zich automatisch aan de in de GUI gebruikte elementen aan.
Hierbij geef je een hexadecimaal waarde op die de gewenste kleur definieert.
Bovendien kun je het label schalen.
Dit beïnvloedt de dimensies van je label en mogelijk die van de omringende grafische elementen.
Als je het label binnen je venster wilt verplaatsen, kun je de methoden setTranslateX() en setTranslateY() gebruiken.
Dit verplaatst je label naar de gewenste positie binnen de GUI.
Er is nog veel meer te verkennen. Labels bieden veel functies, zoals interacties met muisevenementen. Zo kun je bijvoorbeeld gebeurtenissen toevoegen wanneer de muis over het label beweegt.
Verken bijvoorbeeld de documentatie en experimenteer zelf met labels om de veelzijdige mogelijkheden te ontdekken.
Samenvatting – JavaFX voor GUI-ontwikkeling: Het label in JavaFX
In deze handleiding heb je geleerd hoe je een label in JavaFX maakt en verschillende eigenschappen aanpast. Begonnen met het invoegen van een afbeelding tot het aanpassen van lettertypen en kleuren, heb je de basis geleerd voor het gebruik van labels in de grafische gebruikersinterface van je applicatie. Gebruik deze kennis om je eigen aantrekkelijke gebruikersinterfaces te ontwerpen.
Veelgestelde vragen
Wat is een label in JavaFX?Een label is een grafische component die tekst en afbeeldingen in een gebruikersinterface weergeeft.
Hoe importeer ik de Image-klasse in mijn JavaFX-project?Gebruik import javafx.scene.image.Image;, om de Image-klasse toe te voegen.
Kan ik het lettertype van een label wijzigen?Ja, je kunt het lettertype van een label aanpassen met de methode setFont().
Hoe schaal ik een label in JavaFX?Gebruik setScaleX() en setScaleY() om de grootte van een label te schalen.
Hoe voeg ik een afbeelding aan een label toe?Gebruik de klasse ImageView en de methode setGraphic(), om een afbeelding weer te geven.
