Kuvien ja tapahtumankäsittelijöiden lisääminen nappuloihin

Tämän selostuksen tarkoituksena on näyttää yksinkertainen tapa, jolla nappulaan (JButton) saa kuvan. Yksi tapa lisätä kuvia komponentteihin olisi lisätä komponentiin JLabel ja asettaa se näyttämään haluttua kuvaa. Koska JButtonilla on kuitenkin jo omastakin takaa icon-property, niin käytetään sitä. Lopuksi yhdelle nappuloista lisätään tapahtumankäsittelijä tapahtumalle MouseEntered. Selostuksessa lisätään vain yksi tapahtumankäsittelijä ja vain yhdelle komponentille, mutta samaan tapaan kaikille eri komponenteille voi lisätä useita omia tapahtumankäsittelijöitään. Tapahtumankäsittelijä on siis funktio, jota kutsutaan kun jokin tietty tapahtuma tapahtuu jollekin tietylle komponentille.

1. Lisää framille nappuloita, vaihda tekstit ja nimet sopiviksi

2. Lisää nappulaan kuva

Valitse ensin haluamasi nappula framilta klikkaamalla sitä. Valitse sen jälkeen icon-ominaisuus Properties-näkymästä.

3. Etsi tai valitse haluamasi kuva nappulaan

4. Toista vaiheita 2. ja 3. kunnes kaikissa haluamissasi nappuloissa on sopiva kuva

5. Lisätään jollekin nappuloista jokin tapahtumankäsittelijä...

Valitse ensin se komponentti, jolle haluat lisätä tapahtumankäsittelijän. Alla olevassa esimerkissä on valittu framin vasemmassa yläkulmassa oleva nappula klikkaamalla sitä hiirellä. Avaa Events-näkymä, jos se ei jo ennestään ole auki. Etsi haluamasi tapahtuma, ja klikkaa sen nappulaa. Alla olevassa esimerkissä on haluttu lisätä valitulle nappulalle mouseEntered-tapahtumankäsittelijä. Tarkoitus on siis pyytää IDE:ä generoimaan funktio, jota kutsutaan, kun hiiri menee suoritusaikana valitsemamme nappulan päälle. Tässä ei ole ehkä paljon järkeä, mutta koska tämä on pelkkä esimerkki, niin valitsemme nyt tämän tapahtuman.

5.1. ...lisätään halutunniminen funktio tapahtumankäsittelijäksi...

5.2. ...ja mennään muokkaamaan tapahtumankäsittelijän koodia

6. Testataan. Aja tai debugaa formia testataksesi sitä.

Kun viet hiiren kursorin sen nappulan päälle, jolle lisäsit äsken tapahtumankäsittelijän, tapahtumankäsittelijää kutsutaan ja haluamasi toimenpiteet suoritetaan.

Toistamalla yllä olevia työvaiheita eri komponenteille, voit lisätä niille erilaisia tapahtumankäsittelijöitä erilaisiin tapahtumiin.

7. Tässä selostuksessa käytetyt nuolenkuvat

Ikonit voi piirtää tietenkin itse millä tahansa kuvankäsittelyohjelmalla. Verkosta on kuitenkin saatavilla suuri määrä erilaisia avoimia tai free software-kuvakekokoelmia. Näitä voi käyttää joko sellaisenaan tai muokattuina omissa (avoimen lähdekoodin tai free software) ohjelmissa.

Tämän selostuksen nuolenkuvat ovat kuvake-paketista http://art.gnome.org/download/themes/icon/1352/ICON-Gnome218IconTheme.tar.bz2.
Lisää kuvakkeita löytyy vaikkapa osoitteista http://art.gnome.org/themes/icon, http://tango.freedesktop.org/Tango_Icon_Library, ... Näitä löytyy verkosta paljon, mutta kannattaa muistaa aina tarkistaa paketin lisenssi.

Tässä ovat vielä ohjelmassa käytetyt nuolenkuvat suoraan. Mukana on myös kaksi kuvaketta, joita ei tullut käytettyä, mutta jotka voisivat ehkä sopia joihinkin lisäämis- ja poistotoimintoihin. Paketista http://art.gnome.org/download/themes/icon/1352/ICON-Gnome218IconTheme.tar.bz2 löytyy niistä useita erikokoisia versioita.