JBuilder Käyttö Nörttitesti
Asennus Ikälaskuri Linkit
  «  1  2  3  4  5  6  »  
 
Kromattu pinta testille

Nörttitestin käyttöliittymä on pikkuriikkisen ikälaskuria monimutkaisempi, mutta ei kuitenkaan paljoa. Tässä esimerkkinörttitestissä meillä on jo valmiiksi suunniteltu ulkoasu, jonka asetamme tavoitteeksi.


Ruutu on aluksi jaettu kolmeen osaan. Tällä kertaa ei kuitenkaan ole käytetty Ikälaskurin malliin GridLayoutia, sillä kuten kuvasta näkyy, vaihtoehdot sisältävä paneeli tarvitsee huomattavasti enemmän tilaa kuin ylä- ja alareunoihin sijoittuneet elementit. Ratkaisu tähän on ehkä hieman yllättäen BorderLayout. Vaihda se päälomakkeen layout-kentän arvoksi.

Ikkunan ylimmässä osassa on ainoana elementtinä yksi Label-luokan ilmentymä nimeltään labelKysymys, joka on asemoitunut aivan vasempaan yläkulmaan. Tällainen sijoitus hoituu helpoimmin läiskäisemällä label suoraan ohjelmalomakkeen päälle ja valitsemalla sen Inspector-asetuksista Constraints-kentän arvoksi "north". Tällöin BorderLayout sijoittaa komponentin "pohjoiseen", mutta varaa sille vain niin vähän tilaa kuin se pystysuunnassa tarvitsee.

Vastaavalla tavalla sijoitetaan ikkunan alalaitaan painonappi, jonka nimi on "buttonVastaa". Nappi halutaan kuitenkin keskittää, joten se tarvitsee lisäapua edelliseen labeliin verrattuna. Pudota lomakkeelle uusi paneeli, ja aseta sen constraint-määreeksi "south". Tällöin se sijoittuu aivan ikkunan alaosaan. Koska paneelin sisään laitettavien komponenttien oletusarvoinen sijoitustapa on FlowLayout, voit pudottaa paletista poimimasi Buttonin suoraan alariville, jolloin se jää somasti ikkunan keskelle.

Jäljelle jää enää ikkunan keskiosan neljä vaihtoehtoa. Pudota uusi paneeli ohjelmaikkunan tyhjäksi jääneeseen osaan, ja aseta sen constraintiksi "Center". Tällöin BorderLayout varaa sille kaiken muilta komponenteilta yli jääneen tilan, jolloin se saa valtaosan ikkunan pinta-alasta. Tämähän sopii. Aseta luomasi paneelin layoutiksi GridLayout, ja muuta sen asetuksia siten, että Rows-arvona on 4 - tarvitsethan neljä vaihtoehtoa. Näin jäljellä oleva ruutu jakautuu pystysuunnassa neljään kapeaan luikeroon.

Tipauta luomasi GridLayout-paneelin päälle neljä CheckBoxia ja anna niille nimet vast1-vast4. Vaihtoehtoja voi olla valittuna vain yksi kerrallaan, joten tarvitset lisäavuksi vielä yhden komponentin. Ota AWT-palkista CheckboxGroup, pudota lomakkeelle ja anna sille nimeksi "ryhma1". Luomasi ryhmä on näkymätön komponentti, joten et huomaa sen ilmestymistä muualta kuin rakenneikkunasta. Nyt voit kuitenkin valita luomillesi Checkboxille Inspectorista uuden asetuksen: checkboxGroup. Aseta kaikille neljälle vastausvaihtoehdolle tuo kenttä arvoon "ryhma1".

Muuta vielä lopuksi labelin font-ominaisuutta siten, että fontin koko on 16 pistettä. Kun vielä muutat muiden komponenttien oletustekstit samoiksi kuin tämän sivun alussa olevassa kuvassa, on käyttöliittymä nörttitestille valmis. Rakennepuun pitäisi näyttää osapuilleen tällaiselta.

  «  1  2  3  4  5  6  »