JavaFX rechthoeken en ellipsen maken en aanpassen

Het maken van grafische gebruikersinterfaces (GUI's) in JavaFX is eenvoudig te bereiken door gebruik te maken van geometrische vormen zoals rechthoeken en ellipsen. Deze vormen zijn weliswaar eenvoudig in hun structuur, maar bieden vele mogelijkheden voor aanpassing en verbetering van je grafische toepassingen. In deze handleiding laat ik je zien hoe je rechthoeken en ellipsen effectief kunt maken en aanpassen om visueel aantrekkelijke GUI's te ontwerpen.

Belangrijkste inzichten

• Je leert hoe je rechthoeken en ellipsen in JavaFX maakt.
• Je ontdekt hoe je rechthoeken met afgeronde hoeken aanpast.
• Je ontvangt praktische tips om de grootte en positie van ellipsen te beheersen.

Stapsgewijze handleiding

Rechthoek toevoegen en aanpassen

We beginnen met het maken van een rechthoek. Om een rechthoek te creëren, gebruik je de Rectangle-constructor. Definieer hierbij de positie en grootte.

Rectangle vierkant = new Rectangle(); Voor de positionering van de rechthoek gebruik je de setX en setY commando's. Stel de waarden in voor de X- en Y-coördinaten, evenals voor de breedte en hoogte.

vierkant.setX(100); vierkant.setY(100); vierkant.setWidth(200); vierkant.setHeight(200);

Om de rechthoek aan je hoofdelement toe te voegen, moet je de volgende code gebruiken:

root.getChildren().add(vierkant);

Afgeronde hoeken van de rechthoek vormgeven

Om je rechthoek afgeronde hoeken te geven, kun je de methoden setArcHeight en setArcWidth gebruiken. Deze waarden bepalen de afronding van de hoeken en kunnen je GUI aanzienlijk verbeteren.

vierkant.setArcHeight(25); vierkant.setArcWidth(25);

Met deze instelling zou je nu een afgeronde rechthoek moeten zien. Je kunt de waarden verhogen of verlagen om verschillende rondingsgraden te bereiken.

Ellipse maken en aanpassen

Laten we nu kijken naar hoe je een ellipse maakt. Het proces is vergelijkbaar met dat van de rechthoek. Je gebruikt de Ellipse-klasse en definieert de vereiste parameters.

Ellipse ellipse = new Ellipse(); Om de centrale positie van de ellipse vast te stellen, kun je de volgende commando's gebruiken:

ellipse.setCenterX(140); ellipse.setCenterY(70);

Bovendien heb je twee stralen nodig: één voor de X-as en één voor de Y-as:

ellipse.setRadiusX(140); ellipse.setRadiusY(70);

Voeg ten slotte de ellipse toe aan je hoofdelement:

root.getChildren().add(ellipse);

Samenvatting van de tutorial: JavaFX Rechthoek en Ellipse

Je hebt nu geleerd hoe je rechthoeken en ellipsen in JavaFX maakt en aanpast. Door de positie, grootte en rondingen in te stellen, kun je je grafische toepassingen aanpassen.