Opdracht 2.2 - NAW-applet

De opdracht is een applet te maken, waar de gebruiker achtereenvolgens zijn naam (N), adres (A) en woonplaats (W) in aparte tekstvelden invoert. Om duidelijk te maken wat er moet worden ingevoerd, staan er labels bij de invoervelden (links).

 

 

 

 

 

 

 

 

 

In elk tekstveld kan slechts één regel tekst worden geplaatst. Door de gebruiker te laten klikken op de OK-knop, moet de tekst uit de 3 invoervelden worden gehaald en in het veld eronder worden geplaatst. Dit onderste veld moet van het type TextArea zijn. Dit omdat alleen een TextArea meerdere regels kan tonen.

 

De TextArea widget kan je hier vinden:

 

Doorloop de volgende stappen:

  1. Maak een nieuw applet (Bestand → Nieuw → Frame.) en sla deze op onder de naam NAW-applet.
  2. Plaats drie keer een TextField op de GUI-designer en geef deze widgets de volgende namen: naamveld, adresveld en woonplaatsveld.
  3. Plaats een knop (Button) met daarop de tekst OK en noem deze widget OKknop.
  4. Plaats links naast de drie tekstvelden drie labels (Label).
    1. Wijzig de tekst van de 1ste label in: 'Type je naam in: '
    2. Pas op dezelfde manier, de andere twee labels aan.
  5. Maak een TextArea voor het tonen van alle ingevoerde tekst en geef deze TextArea de naam uitvoerveld.
  6. Om de applet te laten reageren op de verzendknop moet er code aan de knop worden gekoppeld. Dit doe je door de code te plaatsen in de event-handler die bij de knop hoort. De event-handler kan je altijd in de code herkennen doordat deze eindigt met de naam ActionPerformed.

 

Neem onderstaande code over en plaats deze in de event-handler van de knop OKknop. Let bij het overnemen op het gebruik van hoofdletters en leestekens!

Tip: typ de code regel voor regel over zodat je stilstaat bij wat er staat! Kopieer je de code dan weet je niet wat je hebt gekopieerd en hoe de code functioneert! Het typen kost meer tijd maar je leert er meer van!

 

1    public void OKknopActionPerformed (ActionEvent evt) {
2    
3       String naam;
4       naam = naamveld.getText();
5    
6       String adres;
7       adres = adresveld.getText();
8    
9       String woonplaats;
10      woonplaats = woonplaatsveld.getText();
11    
12      String uitvoer;
13      uitvoer = naam + "\n" + adres + "\n" + woonplaats;
14    
15      uitvoerveld.setText(uitvoer);
16    
17      naamveld.setText("");
18      adresveld.setText("");
19      woonplaatsveld.setText("");
20    
21    }

 

In regel 8 staat: "\n".  De 'n' in deze code staat voor het woord newline en hiermee wordt bedoeld dat de tekst die hierna komt op een nieuwe regel moet worden geplaatst. Het heeft dus dezelfde functie als een 'enter' bij een tekstverwerkingsprogramma.

Met het plusteken (+) worden twee stukken tekst steeds samengevoegd.

 

Test tenslotte of het programma goed werkt!