Sommittelua designerilla
Usein ohjelman tekeminen on kuitenkin helpointa aloittaa sijoittamalla paikalleen ainakin tilapΣisiΣ,
kokeilujen kannalta tuiki tarpeellisia nappuloita ja vipstaakeja. Vauhtiin pΣΣsee, kun valitsee koodi-ikkunan alareunasta l÷ytyvΣn Design-vΣlilehden.
NΣkymΣn vasemmassa reunassa olevalla valkealla alueella voit suunnitella ohjelmallesi ulkonΣk÷Σ. SiinΣ oleva harmaa alue kuvaa ohjelmalle avautuvan ikkunan oikeaa kokoa. Kuvassa nΣkyy my÷s valmiiksi sijoiteltuja elementtejΣ: Kysymys-teksti, neljΣ ruksittavaa laatikkoa (checkbox) ja yksi nappi.
Ruudun ylΣreunassa nΣkyy komponenttipaletti, josta voit valita uusia osasia ohjelmaasi. Klikkaamalla napin kuvaa (kuvassa vasemmanpuolimmaisena heti nuolen jΣlkeen) ja viemΣllΣ sen ruudulle saat siis ohjelmasi nΣkymΣΣn painonapin. Javassa komponenttien sijoittelu ei ole aivan yhtΣ yksinkertaista kuin perinteisissΣ Windows-ohjelmointivΣleineissΣ. Oikeita sijoittelutapoja kannattaa harjoitella tekemΣllΣ esimerkiksi tΣllΣ rompulla oleva IkΣlaskuri-ohjelma ja suunnittelemalla sille erilaisia kΣytt÷liittymiΣ.
Komponentit on jaettu usealle vΣlilehdelle. Kuvassa avatut Swing-komponentit ovat nΣppΣrΣ tapa tehdΣ monenlaista toiminnallisuutta Java-ohjelmaan, mutta niille ei valitettavasti l÷ydy valmista tukea nykyselaimista. Appletteja tehtΣessΣ tΣytyy siis tyytyΣ vanhempaan AWT-komponenttikirjastoon, joka l÷ytyy my÷s paletista.
Ruudun oikeassa reunassa on ns. inspector-ikkuna, joka nΣyttΣΣ valitun komponentin ominaisuuksia. Kuvassa on klikattu lomakkeella ollutta nappia, joten inspector kertoo siihen liittyviΣ tietoja: napin nimi (name) on "buttonVastaa", sen pΣΣllΣ lukeva teksti (label) on "Vastaa" ja nappi on nΣkyvissΣ (kentΣn visible arvo on true eli tosi). Alareunassa on my÷s kaksi vΣlilehteΣ. NΣistΣ properties (ominaisuudet) on se yleisemmin tarvittu. Event-vΣlilehdeltΣ voit mΣΣritellΣ tapahtumia: mitΣ tehdΣΣn, kun nappia painetaan? EntΣ miten tekstikenttΣ kΣyttΣytyy, kun hiirikursori siirretΣΣn sen pΣΣlle? TapahtumakΣsittelyn ohjelmoinnista kerrotaan lisΣΣ esimerkkiprojekteissa.