Kuinka käyttää Netbeansin valikkoa Swing-käyttöliittymän suunnitteluun

Haluatko tietää, kuinka käyttää valikko Netbeansissa suunnitella swing GUI? Voit lisätä Java-lomakkeihisi valikoita, kuten Tiedosto, Muokkaa, Näytä jne. Jokaisessa valikossa on valikkokohtia, ja näissä puolestaan ​​voi olla alivalikoita. Täällä opetamme sinulle kuinka valikkoa määritetään Netbeansissa. Pysy kanssamme.

Netbeansin valikkoasetukset

Aluksi näytämme, kuinka voit määrittää valikon Netbeansissa.

Saatat myös olla kiinnostunut lukemaan aiheesta: Virhe havaittu Windows Update -tietokannassa

• vaiheeseen 1: Palaa suunnittelunäkymään. Etsi NetBeans-paletista valikkopalkin kohta:

• vaiheeseen 2: Vedä yksi lomakkeen yläosaan. Kun vapautat hiiren painikkeen, sinulla on oletusarvoinen Tiedosto ja Muokkaa -valikkopalkki:

Valikkokohteita ei kuitenkaan ole lisätty oletusarvoisesti. Jos haluat lisätä omasi, sinun on toimittava seuraavasti:

• vaiheeseen 3- Napsauta valikkokohtaa arkistovalitaksesi sen. Kun Tiedosto-valikko on valittuna, napsauta hiiren kakkospainikkeella. Uusi valikko tulee näkyviin. Valitse Lisää Paletista > Valikkokohde:

• vaiheeseen 4: Tiedosto-valikkoon lisätään valikkokohta:

Lisää valikkokohteita tiedoston avaamiseksi ja tallentamiseksi.

• vaiheeseen 5: Kaksoisnapsauta oletustekstiä jMenuItem1. Sen jälkeen se korostetaan, joten voit kirjoittaa siihen:

• vaiheeseen 6: Kirjoittaa Avoinnaja paina sitten -näppäintä ENTER näppäimistöllä:

• vaiheeseen 7: Lisää toinen valikkokohta matkan varrella. Tällä kertaa kirjoita Säästää valikkokohteena:

HUOM: Kuten yllä näet, voit lisätä pikakuvakkeita valikon kohtiin.

• vaiheeseen 8: Napsauta avattavaa valikkokohtaa ja sitten sen pikakuvaketta:

HUOM: Kun pikakuvake on valittuna, katso ominaisuusikkunaa:

• vaiheeseen 9: Etsi elementti kaasu ja napsauta pientä painiketta rivin oikealla puolella. Näyttöön tulee valintaikkuna:

Tässä valintaikkunassa voit määrittää, mitkä pikanäppäimet haluat valita valikkokohtaan. Avoin pikakuvake on yleensä CTRL + O. Kirjoita O ruutuun ja se tulee näkyviin Vaihto + O.

• vaiheeseen 10: Poista kohteen valinta siirtyminen ja tuotemerkki Ctrl en su lugar:

• vaiheeseen 11: Klikkaus hyväksyä ja pikakuvake lisätään Java-valikkokohtaasi:

integraatio

Jos haluat nähdä, toimiiko tämä, napsauta Avaa-valikkokohtaa uudelleen korostaaksesi sen.

• vaiheeseen 1: Napsauta nyt hiiren oikealla painikkeella. Valitse näkyviin tulevasta valikosta Tapahtumat > Toimi > Toimenpide suoritettu. Tämä luo tynkän valikkokohdalle. Kirjoita koodiksi seuraava:

javax.swing.JOptionPane.showMessageDialog(FormObjects.this, "Avaa");

Tämä on vain viestilaatikko.

• vaiheeseen 2: Suorita ohjelma ja testaa sitä. Napsauta Tiedosto> Avaaja sinun pitäisi nähdä viestiruutu.
• vaiheeseen 3: Klikkaus hyväksyä päästä eroon siitä. Kokeile nyt pikakuvakettasi.
• vaiheeseen 4: Pidä näppäintä painettuna Ctrl näppäimistölläsi. Pidä sitä painettuna ja paina O-kirjainta. Valikon pitäisi jälleen ilmestyä.

Lopeta ohjelmasi ja palaa tyngaasi. Kommentoi viestilaatikkoon. Mitä teet, on kirjoittaa koodi näyttääksesi valintaikkunan. Käyttäjä voi sitten valita avattavan tiedoston. Teemme sen seuraavassa osassa.

Swing-käyttöliittymän suunnittelu Netbeansin valikon kanssa

Tässä osassa on opas graafisen käyttöliittymän luomiseen (GUI) sovellukselle nimeltä Ota yhteyttä editoriin käyttämällä NetBeans IDE GUI Builder.

Suunnittelet samalla graafisen käyttöliittymän, jonka avulla voit tarkastella ja muokata työntekijöiden tietokantaan sisältyvien henkilöiden yhteystietoja. Opit myös kuinka:

• Käytä GUI Builder -liittymää
• Luo GUI-säilö, lisää
• Muuta komponenttien kokoa ja kohdista niitä
• Säädä komponenttien ankkurointia
• Aseta komponenttien automaattinen koonmuutoskäyttäytyminen
• Muokkaa komponenttien ominaisuuksia

Voit tehdä kaiken tämän Netbeansin valikon kautta

Netbeansin valikon suunnittelun aloittaminen

IDE:n GUI Builderin avulla voit luoda ammattimaisen näköisiä, valikkopohjaisia ​​graafisia käyttöliittymiä Netbeansissa ilman suunnittelun järjestelmänvalvojien syvällistä tietämystä. Voit suunnitella lomakkeitasi yksinkertaisesti sijoittamalla komponentit haluamaasi paikkaan.

Projektin luominen Netbeansin valikon kautta

Koska kaikki Java-kehitys IDE:ssä tapahtuu projekteissa, meidän on ensin luotava uusi Ota yhteyttä editoriin projekti, johon kirjasimet ja muut projektitiedostot tallennetaan.

Un IDE projekti on joukko Java-lähdetiedostoja sekä niihin liittyviä metatietoja, mukaan lukien projektikohtaiset ominaisuustiedostot, a käsikirjoitus kokoelma Muurahainen joka ohjaa koonti- ja suoritusmäärityksiä, ja a projectxml tiedosto, joka määrittää Ant-kohteet komennot SDI.

Vaikka Java-sovellukset koostuvat usein useista IDE-projekteista, tätä opetusohjelmaa varten luomme yksinkertaisen sovelluksen, joka tallennetaan kokonaan yhteen projektiin Netbeansin valikon kautta.

Uuden ContactEditor-sovellusprojektin luominen:

• vaiheeseen 1: Valitse Tiedosto > Uusi projekti. Vaihtoehtoisesti voit napsauttaa kuvaketta Uusi projekti IDE-työkalurivillä.
• vaiheeseen 2: Paneelissa Luokat, valitse Java-solmu ja valitse Projektit-paneelista Java-sovellus. Napsauta seuraava.
• vaiheeseen 3: Tulla sisään Ota yhteyttä editoriin Projektin nimi -kenttään ja määritä projektin sijainti.
• vaiheeseen 4: Jätä valintaruutu valitsematta Käytä erillistä kansiota kirjastojen säilyttämiseen.
• vaiheeseen 5: Varmista, että valintaruutu on valittuna Aseta pääprojektiksi on valittuna ja poistaa kentän käytöstä Luo pääluokka.
• vaiheeseen 6: Klikkaus viimeistellä.

IDE luo kansion Ota yhteyttä editoriin  järjestelmässäsi määritetyssä paikassa. Tämä kansio sisältää kaikki projektiin liittyvät tiedostot, mukaan lukien Ant-komentosarjasi, kansiot lähteiden ja testien tallennusta varten sekä kansion projektikohtaisille metatiedoille. Jos haluat tarkastella projektin rakennetta, käytä IDE:n Tiedostot-ikkunaa.

Luo JFrame-säilö Netbeansin valikon kautta

Uuden sovelluksen luomisen jälkeen olet ehkä huomannut, että kansio Lähdepaketit Projektit-ikkunassa on tyhjä solmu  nimeltään .

Jatkaksemme käyttöliittymämme rakentamista meidän on luotava Java-säiliö, jonka sisään sijoitamme muut tarvittavat GUI-komponentit.

Tässä vaiheessa luomme kontin käyttämällä JFrame-komponenttia ja asetamme säilön uuteen pakettiin.

Jos haluat lisätä JFrame-säilön Netbeansin valikon kautta, sinun on toimittava seuraavasti:

• vaiheeseen 1: Ikkunassa Hankkeet, napsauta hiiren kakkospainikkeella Ota yhteyttä editoriin solmu ja valitse Uusi > JFrame-lomake. Vaihtoehtoisesti voit etsiä lomakkeen JFrame valitsevat Uusi > Muut > Swing GUI Forms > JFrame Form.
• vaiheeseen 2: Tulla sisään Ota yhteyttä EditorUIluokan nimeksi.
• vaiheeseen 3: Tulla sisään minun . yhteyseditorikuten paketti.
• vaiheeseen 4: Klikkaus viimeistellä.

IDE luo Ota yhteyttä EditorUI muoto ja Ota yhteyttä EditorUI luokka sisällä Ota yhteyttä EditorUI. Java sovellus ja avaa Ota yhteyttä EditorUI muoto sisään GUI Builder. Huomaa, että paketti minun . yhteyseditori korvaa oletuspaketin.

Tutustu GUI Builderiin ja Netbeansin valikkoon

Nyt kun olemme määrittäneet uuden projektin Netbeansin valikon kautta sovelluksellemme, tutustutaan GUI Builderin käyttöliittymään hetki.

Kun lisäämme astian JFrame, IDE avasi Ota yhteyttä EditorUI äskettäin luotu muoto a Editor-välilehti työkalurivillä, joka sisältää useita painikkeita, kuten yllä olevassa kuvassa näkyy.

Muoto Ota yhteyttä editoriin avattu näkyville GUI Builder -suunnittelu ja kolme ylimääräistä ikkunaa ilmestyi automaattisesti IDE:n reunoihin, joten voit navigoida, järjestää ja muokata GUI-lomakkeita luodessasi niitä.

Netbeansin valikon GUI Builder -ikkunat sisältävät:

Katsotaanpa erilaisia ​​GUI Builder -ikkunoita Netbeansin valikon sisällä:

Suunnittelualue:

GUI Builderin pääikkuna Java GUI -lomakkeiden luomiseen ja muokkaamiseen. Painike Työkalupalkin fontti voit tarkastella luokan lähdekoodia, Suunnittelu-painikkeella voit tarkastella GUI-komponenttien graafista näkymää, Historia-painike antaa sinun käyttää tiedoston paikallista muutoshistoriaa.

Työkalupalkin lisäpainikkeet tarjoavat kätevän pääsyn yleisiin komentoihin, kuten käyttötilojen valitsemiseen. valinta ja yhteys, kohdista komponentit, määrittää komponenttien automaattisen koonmuutoskäyttäytymisen ja esikatsella lomakkeita.

Selaimen

Tarjoaa esityksen kaikista sovelluksesi komponenteista, sekä visuaalisista että ei-visuaalisista, puuhierarkiana. Selain tarjoaa myös visuaalista tietoa siitä, mitä puukomponenttia muokataan parhaillaan GUI Builderissa, ja voit järjestää komponentteja käytettävissä oleviin paneeleihin.

Paletti.

Mukautettava luettelo saatavilla olevista komponenteista, jotka sisältävät välilehdet JFC/Swing-, AWT- ja JavaBeans-komponenteille sekä asettelunhallintaohjelmia. Lisäksi voit luoda, poistaa ja järjestää uudelleen paletissa näkyviä luokkia mukauttajalla.

Ominaisuudet-ikkuna

Näyttää valitun komponentin ominaisuudet GUI Builderissa, Navigaattori-ikkunassa, Projektit-ikkunassa tai Tiedostot-ikkunassa.

Jos napsautat Lähde-painike, IDE näyttää sovelluksen Java-lähdekoodin toimittaja koodin osilla, jotka on luotu automaattisesti GUI Builder osoittavat harmaat alueet (muuttuvat siniseksi valittaessa), kutsutaan Suojatut lohkot.

Suojatut lohkot ovat suojattuja alueita, joita ei voi muokata Lähdenäkymä. Voit muokata vain koodia, joka näkyy editorin valkoisilla alueilla, kun olet Lähdenäkymä.

Jos sinun on tehtävä muutoksia suojatun lohkon koodiin, napsauta Suunnittelupainike, IDE-editori palaa GUI Builderiin, jossa voit tehdä tarvittavat muutokset lomakkeeseen. Kun tallennat muutokset, IDE päivittää tiedostolähteet.

Edistyneille kehittäjille Administrator Paletti on saatavana, ja sen avulla voit lisätä mukautettuja komponentteja JAR-tiedostoista, kirjastoista tai muista projekteista palettiin. Voit lisätä mukautettuja komponentteja Paletin hallinta, valitse Työkalut > Paletti > Swing/AWT-komponentit.

Ensimmäiset asiat ensin Netbeansin valikossa

Nyt kun olet tutustunut GUI builder -liittymään, on aika aloittaa käyttöliittymämme kehittäminen ContactEditor-sovellus.

Tässä osiossa tarkastelemme, kuinka IDE:n palettia käytetään erilaisten GUI-komponenttien lisäämiseen lomakkeeseen.

IDE:n ilmaisen asetteluparadigman ansiosta sinun ei enää tarvitse taistella ulkoasun ylläpitäjien kanssa hallitaksesi komponenttien kokoa ja sijaintia säilöissään.

Sinun tarvitsee vain vetää ja pudottaa tarvitsemasi komponentit GUI-lomakkeellesi alla olevien kuvien mukaisesti.

Komponenttien lisääminen: Perusteet

Vaikka IDE:n GUI Builder yksinkertaistaa Java GUI:ien luomista, on usein hyödyllistä hahmotella, miltä haluat käyttöliittymän näyttävän ennen kuin aloitat sen suunnittelun.

Katsotaanpa nyt piirroksia ja huomaamme IDE:n "vedä ja pudota" -käyttäytymisen tämän suorittamisen yhteydessä.

JPanelin lisääminen Netbeansin valikosta:

1. Valitse Paletti-ikkunassa Paneelikomponentti Swing Containers -luokasta napsauttamalla ja vapauttamalla hiiren painike.
2. Siirtää kohdistimen lomakkeen vasempaan yläkulmaan GUI Builderissa. Kun komponentti on sijoitettu lähelle säiliön ylä- ja vasenta reunaa, näkyviin tulee vaaka- ja pystysuuntausohjeet, jotka osoittavat ensisijaiset marginaalit. Napsauta lomaketta sijoittaaksesi JPanel tähän paikkaan.

JPanel-komponentti näkyy lomakkeessa Ota yhteyttä EditorUI korostettu oranssilla, mikä tarkoittaa, että se on valittu. Kun vapautat hiiren painikkeen, pienet ilmaisimet tulevat näkyviin osoittamaan komponentin ankkurisuhteita ja vastaava JPanel-solmu näkyy Navigaattori-ikkunassa, kuten seuraavassa kuvassa.

Seuraavaksi meidän on muutettava JPanelin kokoa, jotta voimme tehdä tilaa komponenteille, jotka sijoitamme sen sisään hieman myöhemmin, mutta otetaan hetki ensin esiin toinen GUI Builderin näyttöominaisuus.

Tätä varten meidän on poistettava juuri lisäämämme JPanelin valinta. Koska emme ole vielä lisänneet otsikon reunaa, paneeli katoaa.

Huomaa kuitenkin, että kun viet hiiren JPanelin päälle, sen reunat muuttuvat vaaleanharmaiksi, jotta sen sijainti näkyy selvästi. Sinun tarvitsee vain napsauttaa mitä tahansa komponentin sisällä valitaksesi sen uudelleen ja saada koonmuutoskahvat ja ankkurin ilmaisimet uudelleen näkyviin.

Voit muuttaa JPanelin kokoa Netbeansin valikossa seuraavasti:

• vaiheeseen 1: Valitse juuri lisäämäsi JPanel. Pienet neliön kokoiset ohjaimet ilmestyvät uudelleen komponentin kehän ympärille.
• vaiheeseen 2: Napsauta ja pidä painettuna koonmuutoskahvaa JPanelin oikeassa reunassa ja vedä, kunnes katkoviiva tulee näkyviin lomakkeen reunaan.
• vaiheeseen 3: Vapauta koonmuutoskahva muuttaaksesi komponentin kokoa.

JPanel-komponentti ulottuu säiliön vasemman ja oikean reunan väliin suositellun siirtymän mukaisesti, kuten seuraavassa kuvassa.

Prosessin toistaminen

Nyt kun olemme lisänneet paneelin käyttöliittymän nimitietojemme säilyttämiseen, meidän on toistettava prosessi lisätäksemme toisen suoraan ensimmäisen alapuolelle sähköpostitiedoille.

Seuraavien kuvien mukaisesti toista kaksi edellistä tehtävää kiinnittäen huomiota GUI Builder.

Huomaa, että ehdotettu pystysuora tila näiden kahden välillä JPanelit Se on paljon kapeampi kuin reunoilla oleva. Kun olet lisännyt toisen JPanelin, muuta sen kokoa niin, että se täyttää lomakkeen jäljellä olevan pystysuoran tilan.

Koska haluamme visuaalisesti erottaa graafisen käyttöliittymämme ylä- ja alaosien toiminnot, meidän on lisättävä reunus ja otsikko jokaiseen JPaneliin.

Saavutamme tämän ensin Ominaisuudet-ikkunan avulla ja sitten kokeilemme sitä ponnahdusvalikon avulla.

Otsikon reunusten lisääminen JPanelsiin Netbeansin valikossa:

• vaiheeseen 1: Valitse GUI Builderin ylin JPanel.
• vaiheeseen 2: Ikkunassa ominaisuudet, napsauta kolmiopainiketta (…) -kohdan vieressä Raja omaisuus.
• vaiheeseen 3: editorissa JPanel Borders joka tulee näkyviin, valitse solmu TitledBorder paneelissa Käytettävissä olevat reunat.
• vaiheeseen 4: Kirjoita alla olevaan Ominaisuudet-paneeliin Nimi-ominaisuuden nimi.
• vaiheeseen 5: Napsauta Fontti-ominaisuuden vieressä olevaa ellipsiä (…) ja valitse Negrita varten tyyli fontti ja kirjoita koko 12. Napsauta hyväksyä poistuaksesi valintaikkunoista.
• vaiheeseen 6: Valitse alempi JPanel ja toista vaiheet 2–5, mutta tällä kertaa napsauta JPanelia hiiren kakkospainikkeella ja siirry Ominaisuudet-ikkunaan ponnahdusvalikosta. Anna kiinteistön sähköpostiosoite Otsikko.

Nimetyt reunat lisätään molempiin JPanel-komponentteihin.

Lisää lomakkeeseen yksittäisiä komponentteja

Nyt meidän on aloitettava komponenttien lisääminen, jotka näyttävät todelliset yhteystiedot yhteystietoluettelossamme. Tässä tehtävässä lisäämme neljä JTextField-kenttää, jotka näyttävät yhteystiedot, ja JLabels, jotka kuvaavat niitä.

Kun teet tämän, katso GUI Builderin näyttämiä vaaka- ja pystysuuntaisia ​​ohjeita, jotka ehdottavat suositeltua komponenttiväliä käyttöjärjestelmäsi ulkoasun ja tuntuman mukaan.

Tämä varmistaa, että graafinen käyttöliittymä hahmonnetaan automaattisesti kohdekäyttöjärjestelmän ulkonäköä kunnioittaen ajon aikana.

JLabelin lisääminen lomakkeeseen Netbeansin valikosta:

• vaiheeseen 1: Valitse Paletti-ikkunassa Label-komponentti Swing Controls -luokasta.
• vaiheeseen 2: Siirrä kohdistin aiemmin lisäämämme JPanel-nimen päälle. Kun ohjeet osoittavat, että JLabel on sijoitettu JPanelin vasempaan yläkulmaan pienellä marginaalilla ylä- ja vasemmassa reunassa, aseta tarra napsauttamalla.

JLabel lisätään lomakkeeseen ja vastaava komponenttia edustava solmu lisätään lomakkeen ikkunaan. Tarkastaja.

Ennen kuin jatkamme, meidän on muokattava juuri lisäämämme JLabelin näyttötekstiä. Vaikka voit muokata komponenttien näyttötekstejä milloin tahansa, helpoin tapa on tehdä se niitä lisättäessä.

Voit muokata JLabelin näyttötekstiä seuraavasti:

• vaiheeseen 1: Kaksoisnapsauta JLabelia valitaksesi sen näyttöteksti.
• vaiheeseen 2: Kirjoittaa Etunimi: ja paina Enter.

Uusi JLabel-nimi tulee näkyviin ja komponentin leveys säädetään muokkauksen seurauksena. Nyt lisäämme JTextFieldin, jotta voimme tarkastella GUI Builderin perusviivausominaisuutta.

JTextField-kentän lisääminen lomakkeeseen:

• vaiheeseen 1: Valitse Paletti-ikkunassa Tekstikenttä-komponentti Swing Controls -luokasta.
• vaiheeseen 2: Siirtää kohdistimen välittömästi lisäämämme Etunimi:JLabelin oikealle puolelle. Kun vaakasuuntainen ohjain tulee näkyviin, mikä osoittaa, että JTextFieldin perusviiva on kohdistettu JLabelin perusviivaan ja kahden komponentin välistä tilaa ehdotetaan pystysuoralla ohjaimella, napsauta asettaaksesi JTextField.

JTextField napsahtaa paikalleen lomakkeessa JLabel-perusviivan kanssa, kuten seuraavassa kuvassa. Huomaa, että JLabel on siirtynyt hieman alaspäin tasatakseen korkeimman tekstikentän perusviivan. Kuten tavallista, komponenttia edustava solmu lisätään Navigator-ikkunaan.

Ennen kuin jatkamme, meidän on lisättävä ylimääräinen JLabel ja JTextField välittömästi juuri lisättyjen kenttien oikealle puolelle, kuten seuraavassa kuvassa näkyy. Kirjoita tällä kertaa Sukunimi: JLabelin näyttötekstiksi ja jätä JTextFields-paikkamerkkiteksti toistaiseksi.

JTextFieldin koon muuttaminen Netbeansin valikosta:

• vaiheeseen 1: Valitse JTextField, jonka juuri lisäsimme sukunimen oikealle puolelle:
• vaiheeseen 2: Vedä koonmuutoskahva JTextField-kentän oikeasta reunasta liitetyn JPanelin oikeaan reunaan.
• vaiheeseen 3: Kun näkyviin tulee pystysuuntaiset kohdistusohjeet, jotka ehdottavat tekstikentän ja JPanelin oikean reunan välistä marginaalia, vapauta hiiren painike muuttaaksesi JTextField-kentän kokoa.

JTextFieldin oikea reuna napsahtaa kohdakkain JPanelin suositteleman reunuksen marginaalin kanssa, kuten seuraavassa kuvassa.

Lisää useita komponentteja muodostamaan Netbeansin valikosta

Nyt lisäämme Otsikko: ja lempinimi: JLabels, jotka kuvaavat kahta JTextField-kenttää, jotka lisäämme hetkessä. Vedämme ja pudotamme komponentteja samalla kun painat Vaihto-näppäin, lisätäksesi ne nopeasti lomakkeeseen.

Kun teet tämän, huomaa jälleen, että GUI Builder näyttää vaaka- ja pystysuuntaiset ohjeet, jotka ehdottavat komponenttien toivottua etäisyyttä.

Voit lisätä lomakkeeseen useita JLabeleja seuraavasti:

• vaiheeseen 1: Ikkunassa kuormalavojen, valitse komponentti etiketti luokasta Värähtelyn säätimet napsauttamalla ja vapauttamalla hiiren painike.
• vaiheeseen 2: Siirtää kohdistimen suoraan alla olevan lomakkeen päälle Etunimi:JLabel, jonka lisäsimme aiemmin. Kun ohjeet näyttävät siltä, ​​että uuden JLabelin vasen reuna on linjassa vanhan JLabelin kanssa ja niiden välissä on pieni marginaali, paina shift ja aseta ensimmäinen JLabel napsauttamalla.
• vaiheeseen 3: Jatka -painikkeen painamista Vaihto-näppäin, asettaa toisen JLabelin välittömästi ensimmäisen oikealle puolelle. Muista vapauttaa Shift-näppäin ennen kuin asetat toisen JLabelin. Jos unohdat vapauttaa Shift-näppäimen ennen viimeisen JLabelin asettamista, paina Paeta.

JLabels lisätään lomakkeeseen luomalla toinen rivi seuraavan kuvan mukaisesti. Kutakin komponenttia edustavat solmut lisätään selainikkunaan.

Ennen kuin jatkamme, meidän on muokattava JLabels-nimeä, jotta voimme nähdä myöhemmin määrittämiemme kohdistusten vaikutuksen.

Voit muokata JLabels-näyttötekstiä Netbeanin valikosta seuraavasti:

• vaiheeseen 1: Valitse näyttöteksti kaksoisnapsauttamalla ensimmäistä JLabelia.
• vaiheeseen 2: Kirjoittaa Otsikko: ja paina Enter.
• vaiheeseen 3: Toista vaiheet 1 ja 2 syöttäen Nimimerkki: JLabelin toiselle nimelle.

Uudet JLabel-nimet näkyvät lomakkeessa ja vieritetään niiden muokatun leveyden seurauksena, kuten seuraavassa kuvassa.

Lisää komponentteja Netbeansin valikosta

Usein on tarpeen lisätä komponentti lomakkeelle jo asetettujen komponenttien väliin. Aina kun lisäät komponentin kahden olemassa olevan komponentin väliin, GUI Builder muuttaa niitä automaattisesti tehdäkseen tilaa uudelle komponentille.

Tämän osoittamiseksi lisäämme JTextField-kentän aiemmin lisäämiemme JLabelien väliin, kuten seuraavissa kahdessa kuvassa näkyy.

JTextField-kentän lisääminen kahden JLabelin väliin:

• vaiheeseen 1: Ikkunassa kuormalavojen, valitse komponentti Tekstikenttä luokasta Värähtelyn säätimet.
• vaiheeseen 2: Siirrä kohdistin päälle Otsikko:y Nimimerkki: JLabels toisella rivillä niin, että JTextField on molempien päällekkäin ja on kohdistettu niiden perusviivojen kanssa. Jos sinulla on ongelmia uuden tekstikentän sijoittamisessa, voit napsauttaa sen vasemmalle apuviivalle Lempinimi JLabel, kuten alla olevassa ensimmäisessä kuvassa näkyy.
• vaiheeseen 3: Napsauta sijoittaaksesi JTextField väliin Otsikko:y Nimimerkki:

JTextField napsahtaa paikalleen kahden JLabelin väliin. Oikeanpuoleisin JLabel on siirretty JTextField-kentän oikealle puolelle ehdotetun vaakasuuntaisen vierityksen mukaan.

Meidän on vielä lisättävä lomakkeeseen ylimääräinen JTextField, joka näyttää kunkin yhteyshenkilön lempinimen lomakkeen oikealla puolella.

JTextFieldin lisääminen Netbeansin valikosta:

• vaiheeseen 1: Ikkunassa kuormalavojen, valitse komponentti Tekstikenttä Swing-kategoriasta.
• vaiheeseen 2: Siirtää kohdistimen merkin oikealle puolelle Lempinimiotsikko ja aseta tekstikenttä napsauttamalla.

JTextField napsahtaa paikalleen JLabelin viereen sen vasemmalla puolella.

JTextFieldin koon muuttaminen Netbeansin valikosta:

• vaiheeseen 1: Vedä koonmuutoskahvoja Nimimerkki:edellisessä tehtävässä lisäämäsi tarran JTextField-kentästä liitetyn JPanelin oikealla puolella.
• vaiheeseen 2: Kun pystysuuntaiset kohdistusohjeet ehdottavat tekstikentän ja JPanel-reunusten välistä marginaalia, vapauta hiiren painike muuttaaksesi JTextField-kentän kokoa.

JTextFieldin oikea reuna on kohdistettu JPanelin suositteleman reunamarginaalin kanssa, ja GUI Builder päättelee sopivan koonmuutoskäyttäytymisen.

• vaiheeseen 3: Tallenna tiedosto painamalla Ctrl-S.

Netbeanin valikko etenee

Kohdistus on yksi perustavanlaatuisimmista näkökohdista ammattimaisen näköisten graafisten käyttöliittymien luomisessa. Edellisessä osiossa saimme vilauksen IDE:n kohdistusominaisuuksista lisäämällä JLabel- ja JTextField-komponentit ContactEditorUI-lomakkeeseemme.

Seuraavaksi tarkastelemme tarkemmin GUI Builderin kohdistusominaisuuksia, kun käsittelemme muita sovelluksessamme tarvitsemiamme komponentteja.

Komponenttien kohdistus

Aina kun lisäät osan lomakkeeseen, GUI Builder kohdistaa ne tehokkaasti, kuten näkyviin tulevat kohdistusohjeet osoittavat. Joskus on kuitenkin myös tarpeen määritellä erilaisia ​​suhteita komponenttiryhmien välillä.

Aiemmin lisäsimme neljä JLabelia, joita tarvitsemme ContactEditor-käyttöliittymäämme, mutta emme kohdistaneet niitä. Nyt kohdistamme JLabelin kaksi saraketta niin, että oikeat reunat ovat kohdakkain.

Komponenttien kohdistaminen Netbeansin valikosta:

• vaiheeseen 1: Pidä näppäintä painettuna Ctrl ja valitse napsauttamalla Etunimi: y Otsikko: JLabels lomakkeen vasemmalla puolella.
• vaiheeseen 2: Napsauta painiketta Riviin oikealla työkalupalkissa. Vaihtoehtoisesti voit napsauttaa hiiren kakkospainikkeella mitä tahansa niistä ja valita Tasaa > Oikealle ponnahdusvalikon sarakkeessa.
• vaiheeseen 3: Toista tämä myös Sukunimi: Y Nimimerkki:

JLabelien paikat muuttuvat siten, että niiden näyttötekstin oikeat reunat ovat tasaiset. Ankkurisuhteet päivitetään, mikä osoittaa, että komponentit on ryhmitelty.

Ennen kuin lopetamme aiemmin lisäämiemme JTextFields-kenttien kanssa, meidän on varmistettava, että kaksi JTextField-kenttää, jonka lisäsimme JLabelien väliin, on asetettu muuttamaan kokoa oikein.

Toisin kuin kaksi JTextField-kenttää, jotka venytetään lomakkeemme oikeaan reunaan, lisättyjen komponenttien kokoa muutettavaa käyttäytymistä ei aseteta automaattisesti.

Voit määrittää komponenttien koon muuttamisen seuraavasti:

• vaiheeseen 1: Pidä näppäintä painettuna Valvonta: ja napsauta kahta lisättyä JTextField-komponenttia valitaksesi ne GUI Builderissa.
• vaiheeseen 2: Kun molemmat JTextFields on valittuna, napsauta hiiren kakkospainikkeella jompaakumpaa niistä ja valitse Automaattinen koon muuttaminen > Vaaka ponnahdusvalikosta.

JTextFields on määritetty muuttamaan kokoa vaakasuunnassa suorituksen aikana. Kohdistusohjeet ja ankkuriindikaattorit päivitetään, mikä antaa visuaalista palautetta komponenttien suhteista.

Samankokoisten komponenttien määrittäminen:

• vaiheeseen 1: Pidä näppäintä painettuna Valvonta: ja napsauta lomakkeen neljää JText-kenttää valitaksesi ne.
• vaiheeseen 2: Kun JTextFields on valittuna, napsauta mitä tahansa niistä hiiren kakkospainikkeella ja valitse Perustaa el mismo koko > Sama leveys ponnahdusvalikosta.

JTextFields on kaikki asetettu samalle leveydelle, ja kunkin yläreunaan on lisätty osoittimet, jotka antavat visuaalista palautetta komponenttien suhteista.

Nyt meidän on lisättävä toinen JLabel, joka kirjoittaa JComboBoxin, jonka avulla käyttäjät voivat valita ContactEditor-sovelluksemme näyttämien tietojen muodon.

JLabelin kohdistaminen Netbeansin valikosta komponenttien ryhmään:

• vaiheeseen 1: Ikkunassa kuormalavojen, valitse komponentti etiketti luokasta
• vaiheeseen 2: Siirrä kohdistinta alla Etunimiy Otsikko JLabels JPanelin vasemmalla puolella. Kun näkyviin tulee opas, joka osoittaa, että uuden JLabelin oikea reuna on kohdistettu yllä olevan komponenttiryhmän (kaksi JLabelia) oikean reunan kanssa, aseta komponentti napsauttamalla.

JLabel napsahtaa oikealle kohdistettuun asentoon JLabels-sarakkeen ollessa päällä, kuten seuraavassa kuvassa. GUI Builder päivittää kohdistuksen tilarivit, jotka osoittavat komponentin väli- ja ankkurisuhteet.

Kuten aiemmissa esimerkeissä, kaksoisnapsauta JLabelia valitaksesi sen näyttöteksti ja sitten Anna näyttömuoto: näyttönimi. Huomaa, että kun JLabel napsahtaa paikalleen, muut komponentit siirtyvät mukautumaan pidempään näyttötekstiin.

Perustason kohdistus Netbeansin valikosta

Aina kun lisäät tai siirrät tekstiä sisältäviä komponentteja (JLabels, JTextFields jne.), IDE ehdottaa tasauksia, jotka perustuvat komponenttien tekstin perusviivoihin. Kun esimerkiksi lisäsimme JTextFieldin aiemmin, sen perusviiva kohdistettiin automaattisesti viereisten JLabels-tunnisteiden kanssa.

Nyt lisäämme yhdistelmäruudun, jonka avulla käyttäjät voivat valita ContactEditor-sovelluksemme näyttämien tietojen muodon.

Kun lisäämme JComboBoxin, kohdistamme sen perusviivan JLabel-tekstin kanssa. Katso uudelleen peruslinjausohjeita, jotka näyttävät auttavan meitä paikannuksessa.

Komponenttien perusviivat tasataan Netbeansin valikosta seuraavasti:

• vaiheeseen 1: Ikkunassa kuormalavojen, valitse komponentti kuva yhdistetty luokka Värähtelyn säätimet.
• vaiheeseen 2: Siirtää kohdistimen välittömästi lisäämämme JLabelin oikealle puolelle. Kun näkyviin tulee vaakasuuntainen opas, joka osoittaa, että JComboBoxin perusviiva on kohdistettu JLabelin tekstin perusviivaan ja kahden komponentin välistä tilaa ehdotetaan pystysuoralla apuviivalla, aseta yhdistelmälaatikko napsauttamalla.

Komponentti napsahtaa kohtaan, joka on kohdistettu tekstin perusviivaan JLabelissa sen vasemmalla puolella, kuten seuraavassa kuvassa. GUI Builder näyttää tilarivit, jotka osoittavat komponenttien väliset ja ankkurisuhteet.

JComboBoxin koon muuttaminen Netbeansin valikosta:

• vaiheeseen 1: Valitse yhdistelmäruutu GUI Builder.
• vaiheeseen 2: Vedä JComboBox-laatikon oikeassa reunassa olevaa koonmuutoskahvaa oikealle, kunnes näkyviin tulee kohdistusohjeet, jotka ehdottavat suositeltua siirtymää JComboBox- ja JPanelin reunojen välillä.

Kuten seuraavassa kuvassa näkyy, JComboBoxin oikea reuna napsahtaa kohdakkain JPanelin suositteleman reunuksen marginaalin kanssa, ja komponentin leveys asetetaan automaattisesti muuttamaan kokoa lomakkeen mukaan.

• vaiheeseen 3: Lehdistö Ctrl-S tallentaaksesi tiedoston.

Komponenttimallien muokkaaminen ei kuulu tämän opetusohjelman piiriin, joten jätämme JComboBox-paikkamerkkiluettelon ennalleen.

Täältä voit lukea aiheesta: Varastotietokannan luominen Accessissa

Kertomus siitä, mitä olemme oppineet

Olemme aloittaneet rakentamisen hyvin ContactEditor GUI, mutta kerrataanpa hetki, mitä olemme oppineet lisäämällä joitain käyttöliittymämme edellyttämiä komponentteja.

Tähän asti olemme keskittyneet komponenttien lisäämiseen graafiseen käyttöliittymäämme. Ota yhteyttä editoriin käyttämällä IDE:n kohdistusohjeita auttamaan meitä paikannuksessa.

On kuitenkin tärkeää ymmärtää, että toinen olennainen osa komponenttien sijoittamista on ankkuroiminen. Vaikka emme ole vielä puhuneet siitä, olet jo hyödyntänyt tätä ominaisuutta huomaamattasi.

Kuten edellä mainittiin, aina kun lisäät osan lomakkeeseen, IDE ehdottaa kohteen ulkoasun ja tuntuman ensisijaista sijaintia ohjeiden avulla.

Kun uudet komponentit on asennettu, ne ankkuroidaan myös lähimpään säiliön reunaan tai komponenttiin sen varmistamiseksi, että komponenttien suhteet säilyvät ajon aikana. Tässä osiossa keskitymme asioiden tekemiseen ketterämmällä tavalla ja osoitamme graafisen käyttöliittymän rakentajan kulissien takana tekemää työtä.