opinnot.net

	1 Perustaitoja
	2 Tekstinkäsittely
	3 Taulukkolaskenta
−	4 Ohjelmointi
+	4.1 Nettisivut
+	4.1.1 Html
	Html-sivun rakenne
	Otsikot <h1></h1> jne
	Kappale <p></p> ja rivinvaihto <br />
	Linkki <a href=""></a>
	Kuva <img src="" />
	Lista <ul></ul>, <ol></ol>
	Taulukko <table></table>
	Elementtien luokittelu
	Elementtien määritteitä
	Erikoismerkit
	Merkkauksen muotoilu
+	4.1.2 CSS
	Ensimmäinen CSS-tyylitiedosto
	Tyyliohjeen liittäminen Html-sivuun (tapa1)
	Tyyliohjeen liittäminen Html-sivuun (tapa2)
	Tyyliohjeen liittäminen HTML-sivuun (tapa 3)
	Class, id ja Css
	4.1.3 Lähteitä
+	4.2 Scratch
	4.2.1 Ensimmäinen ohjelma
	4.2.2 Liike, toisto ja ehto
+	4.3 Javascript (JS)
	4.3.1 Esimakua
+	4.3.2 Muuttuja
	Merkkijonon käsittely
+	4.3.3 Ehtolause
	Loogiset erikoismerkit
+	4.3.4 Toistolause
	Lisää toistolauseita
	Sisäkkäiset toistolauseet
	4.3.5 Elementtiin kirjoittaminen ja sen arvon/sisällön lukeminen
+	4.3.6 Funktio, tekstikenttä ja painike
+	Valmiita funktioita
	Math.floor()
	Math.random()
	Math.round()
	4.3.7 Elementin muokkaaminen
	4.3.8 Kokoelmat - taulukko
	4.3.9 Tehtävien ajastus ja rekursio `setTimeout`
	4.3.10 Tehtävien ajastus 2 `setInterval`
	4.3.11 Liike
	4.3.12 Oliot
−	4.4 Java
	4.4.1 Graafinen käyttöliittymä OmaGUI
	4.4.2 Ohjelman sammutus
	4.4.3 Kyltti, tekstikenttä, painike ja tekstialue
	4.4.4 Kuuntelijan lisääminen
	4.5 Ohjelmointilinkkejä
	5 Internetin maailma

Kuuntelijan lisääminen

Jotta Java-ohjelma osaa reagoida käyttäjän toimenpiteisiin, pitää ohjelmaan lisätä tarvittavat kuuntelijat (engl. listener), jotka huomaavat, jos käyttäjä esimerkiksi painaa painiketta tai kirjoittaa tekstiä ja tekevät halutun toiminnon.

Ikkuna-luokassa voi syöttää tekstiä ja klikata painiketta. Klikkauksia valvomaan luodaan uusi luokka Painikekuuntelija, joka toteuttaa (implements) ActionListener-rajapinnan. Se pakottaa ohjelmoijan lisäämään luokkaan actionPerformed-metodin, joka suoritetaan aina, kun painiketta painetaan.

Painikekuuntelija-luokan lisäksi Ikkuna-luokan painike-oliolle pitää lisätä tieto kuuntelijasta. Tämä tehdään lisäämällä vaikkapa noin riville 50 (painikkeen luomisen jälkeen) seuraava koodi:

// Lisätään painikkeelle kuuntelija: painike.addActionListener(new Painikekuuntelija(this));

Koodissa oleva hassu this-avainsana viittaa Ikkuna-luokan olioon ja luo yhteyden Ikkuna- ja Painikekuuntelija -luokkien välille.

Painikekuuntelija-luokan mahdollinen koodi on alla:

public class Painikekuuntelija implements ActionListener { private Ikkuna ikkuna; public Painikekuuntelija(Ikkuna ikkuna){ this.ikkuna = ikkuna; } // Tätä metodia kutsutaan, kun painiketta klikataan. @Override public void actionPerformed(ActionEvent arg0) { String kirjoitus = this.ikkuna.getTekstikentta().getText(); kirjoitus = "\n"+this.ikkuna.getTekija()+" kirjoitti: "+kirjoitus; this.ikkuna.getTekstiruutu().append(kirjoitus); } }