Skapandet av grafiska användargränssnitt (GUIs) i JavaFX kan lätt uppnås genom att använda geometriska former som rektanglar och elipser. Dessa former är enkla i sin struktur men erbjuder många möjligheter till anpassning och förbättring av dina grafiska applikationer. I denna guide visar jag dig hur du effektivt kan skapa och anpassa rektanglar och elipser för att designa visuellt tilltalande GUIs.
Viktigaste insikterna
- Du lär dig hur man skapar rektanglar och elipser i JavaFX.
- Du får veta hur man anpassar rektanglar med rundade hörn.
- Du får praktiska tips för att styra storleken och positionen av elipser.
Steg-för-steg-guide
Lägg till och anpassa rektangel
Först börjar vi med att skapa en rektangel. För att generera en rektangel använder du Rectangle-konstruktorn. Definiera position och storlek.
Rectangle fyrkant = new Rectangle(); För att positionera rektangeln använder du kommandona setX och setY. Ställ in värdena för X- och Y-koordinaterna samt för bredd och höjd.
fyrkant.setX(100); fyrkant.setY(100); fyrkant.setWidth(200); fyrkant.setHeight(200);
För att lägga till rektangeln till ditt huvud-root-element bör du använda följande kod:
root.getChildren().add(fyrkant);
Designa rundade hörn av rektangeln
För att ge din rektangel rundade hörn kan du använda metoderna setArcHeight och setArcWidth. Dessa värden bestämmer rundningen av hörnen och kan avsevärt förbättra din GUI.
fyrkant.setArcHeight(25); fyrkant.setArcWidth(25);
Med denna inställning bör du nu se en rundad rektangel. Du kan öka eller minska värdena för att uppnå olika grad av rundning.
Skapa och anpassa elips
Nu ska vi titta på hur man skapar en elips. Processen är liknande som med rektangeln. Du använder Ellips-klassen och definierar de nödvändiga parametrarna.
Ellipse elips = new Ellipse(); För att ställa in elipsens centrala position kan du använda följande kommandon:
elips.setCenterX(140); elips.setCenterY(70);
Utöver det behöver du två radier: en för X-axeln och en för Y-axeln:
elips.setRadiusX(140); elips.setRadiusY(70);
Slutligen lägg till elipsen till ditt root-element:
root.getChildren().add(elips);
Sammanfattning av handledningen: JavaFX Rektangel och Elips
Du har nu lärt dig att skapa och anpassa rektanglar och elipser i JavaFX. Genom att ställa in position, storlek och rundningar kan du anpassa dina grafiska applikationer.
Vanliga frågor
Hur skapar jag en rektangel i JavaFX?Använd klassen Rectangle för att skapa en rektangel. Ställ in position och storlek med metoderna setX, setY, setWidth och setHeight.
Hur rundar jag hörnen på en rektangel?Använd setArcHeight och setArcWidth för att definiera rundningen av hörnen.
Hur ställer jag in den centrala positionen av en elips?Använd setCenterX och setCenterY för att ställa in positionen av elipsens centrum.
Hur definierar jag radierna för en elips?Använd metoderna setRadiusX och setRadiusY för att ställa in radierna för X- och Y-axeln.
Var lägger jag de geometriska formerna i JavaFX-scenen?Använd root.getChildren().add() följt av formen du lagt till för att infoga den i scenen.
