Graafisten käyttöliittymien (GUI) luominen JavaFX -sovelluksessa onnistuu vaivattomasti geometristen muotojen, kuten suorakulmioiden ja ellipsien, käytön avulla. Nämä muodot ovat yksinkertaisia rakenteeltaan, mutta tarjoavat monia mahdollisuuksia mukauttaa ja parantaa graafisia sovelluksiasi. Tässä oppaassa näytän, kuinka voit luoda ja mukauttaa suorakulmioita ja ellipsejä tehokkaasti, jotta voit suunnitella visuaalisesti houkuttelevia GUI:ita.
Tärkeimmät havainnot
- Opit, kuinka suorakulmioita ja ellipssejä luodaan JavaFX:ssä.
- Saat tietää, kuinka suorakulmioita mukautetaan pyöristetyillä kulmilla.
- Saat käytännön vinkkejä hallita ellipsien kokoa ja sijaintia.
Vaiheittainen opas
Lisää ja mukauta suorakulmiota
Aloitamme suorakulmion luomisella. Suorakulmion luomiseksi käytät suorakulmio-konstruktorin. Määritä sijainti ja koko.
Rectangle viereck = new Rectangle(); Sijoittaaksesi suorakulmion, käytä setX ja setY -komentoja. Aseta X- ja Y-koordinaattien sekä leveyden ja korkeuden arvot.
viereck.setX(100); viereck.setY(100); viereck.setWidth(200); viereck.setHeight(200);
Lisätäksesi suorakulmion pääjuuri-elementtiisi, sinun tulisi käyttää seuraavaa koodia:
root.getChildren().add(viereck);
Suorakulmion pyöristetyt kulmat
Antaaksesi suorakulmiolle pyöristetyt kulmat, voit käyttää setArcHeight ja setArcWidth -menetelmiä. Nämä arvot määrittävät kulmien pyöristämisen ja voivat merkittävästi parantaa GUI:taasi.
viereck.setArcHeight(25); viereck.setArcWidth(25);
Tällä asetuksella sinun pitäisi nyt nähdä pyöristetty suorakulmio. Voit nostaa tai laskea arvoja saadaksesi erilaisia pyöristyksiä.
Ellipsin luominen ja mukauttaminen
Nyt katsomme, kuinka ellipsi luodaan. Prosessi on samanlainen kuin suorakulmion kohdalla. Käytät Ellipse-luokkaa ja määrität tarvittavat parametrit.
Ellipse ellipse = new Ellipse(); Asettaaksesi ellipsin keskipisteen, voit käyttää seuraavia komentoja:
ellipse.setCenterX(140); ellipse.setCenterY(70);
Lisäksi tarvitset kaksi säteitä: yhden X-akselille ja toisen Y-akselille:
ellipse.setRadiusX(140); ellipse.setRadiusY(70);
Lopuksi lisää ellipsi juurielementtiisi:
root.getChildren().add(ellipse);
Yhteenveto oppaasta: JavaFX suorakulmio ja ellipsi
Olet nyt oppinut, kuinka voit luoda ja mukauttaa suorakulmioita ja ellipssejä JavaFX:ssä. Asettamalla sijainnin, koon ja pyöristykset voit räätälöidä graafisia sovelluksiasi.
Usein kysyttyjä kysymyksiä
Kuinka luon suorakulmion JavaFX:ssä?Käytä Rectangle-luokkaa luodaksesi suorakulmion. Aseta sijainti ja koko setX, setY, setWidth ja setHeight -menetelmien avulla.
Kuinka teen pyöristyksiä suorakulmion kulmiin?Käytä setArcHeight ja setArcWidth -menetelmiä määrittääksesi kulmien pyöristykset.
Kuinka määritän ellipsin keskipisteen?Käytä setCenterX ja setCenterY -menetelmiä asetaksesi ellipsin keskipisteen sijainti.
Kuinka määritän ellipsin säteet?Käytä setRadiusX ja setRadiusY -menetelmiä määrittääksesi säteet X- ja Y-akselille.
Missä lisään geometriset muodot JavaFX-skenaariossa?Käytä root.getChildren().add() seuraavan muodon kanssa, jonka haluat lisätä, voidaksesi lisätä sen skenaarioon.
