import java.awt.event.*; import java.awt.*; Container <- Panel <- Applet Component <- Button <- Checkbox <- ScrollPane <- Label

Transkript

1 Programmering 1999 Forelæsning 13, tirsdag 12. oktober 1999 Oversigt Grafiske brugergrænseflader. Komponenter: Knapper, tekstfelter, checkbokse... Vinduer (containere). Hændelser, hændelsesstyret programmering. Programmering 1999 KVL Side 13-1 Grafiske brugergrænseflader Moderne programmer har grafiske brugergrænseflader. Engelsk: Graphical User Interface, forkortes GUI. I stedet for at angive parametre på kommandolinien kan brugeren udfylde tekstfelter og trykke på knapper. Java har standard-klasser til at konstruere grafiske brugergrænseflader. De er samlet i Javas Abstract Windowing Toolkit (AWT). For at bruge AWT skal man importere det i starten af Java-filen: Programmering 1999 KVL Side 13-2 Komponenter Den synlige del af en GUI er opbygget af komponenter, dvs. objekter af klassen Component. Klassen har en række subklasser der svarer til forskellige slags komponenter, for eksempel: Component <- Button <- Canvas <- Checkbox <- Label <- Scrollbar <- TextComponent <- TextArea <- TextField Programmering 1999 KVL Side 13-3 Vinduer Komponenter skal puttes ind i containere for at kunne vises på skærmen. Der er forskellige containere, der alle er subklasser af klassen Container: Container <- Panel <- Applet <- ScrollPane <- Window <- Frame <- Dialog <- FileDialog Klassen Frame er den vi bruger til at lave et almindeligt vindue. Programmering 1999 KVL Side 13-4

2 Et meget simpelt GUI-program class FirstGUI { Frame f = new Frame("Min frame"); Button b = new Button("Min knap"); f.add(b); f.pack(); f.show(); Programmering 1999 KVL Side 13-5 En af hver slags komponent class EnAfHver { Frame f = new Frame("Min frame"); f.add(new Button("Button")); f.add(new Checkbox("Checkbox")); f.add(new Label("Label")); f.add(new Scrollbar(Scrollbar.HORIZONTAL,0,4,0,100)); f.add(new TextField(10)); f.add(new TextArea(5,20)); Programmering 1999 KVL Side 13-6 Hændelser Når brugeren f.eks. trykker på en knap eller taster retur i et tekstfelt genererer det en hændelse. Et GUI-program kan lytte efter hændelser for at reagere på dem. Programmet styres af de hændelser brugeren genererer. Et almindeligt program er beregnet til at blive udført strengt sekventielt (fra start til slut i main). I et hændelses-styret program udføres programdelene i den rækkefølge brugeren aktiverer dem. Programmering 1999 KVL Side 13-7 At reagere på en knap class KnapLytter implements ActionListener { System.out.println("Tak!"); class LytKnap { Frame f = new Frame("Tryk på knappen"); Button b = new Button("Tryk her"); b.addactionlistener(new KnapLytter()); f.add(b); Programmering 1999 KVL Side 13-8

3 Hvad er en ActionListener? ActionListener er et eksempel på AWTs event listener grænseflader. Den er erklæret sådan her: public interface ActionListener extends EventListener { public abstract void actionperformed(actionevent e); For at implementere en ActionListener skal man altså definere en metode actionperformed. Man skriver en lytter ved at skrive en klasse der implementerer grænsefladen. Et objekt af lytter-klassen kan sættes til at lytte på en knap b: b.addactionlistener(new KnapLytter()); Programmering 1999 KVL Side 13-9 nyttig En udvidelse af Frame class CloseListener extends WindowAdapter { public void windowclosing(windowevent e) { e.getwindow().dispose(); System.exit(0); class ClosableFrame extends Frame { public ClosableFrame(String name) { super(name); addwindowlistener(new CloseListener()); Programmering 1999 KVL Side Adaptere Nogle lytter -grænseflader definerer en hob af metoder. Eksempel: interface WindowListener extends EventListener { public abstract void windowactivated(windowevent e); public abstract void windowclosed(windowevent e); public abstract void windowclosing(windowevent e); public abstract void windowdeactivated(windowevent e); public abstract void windowdeiconified(windowevent e); public abstract void windowiconified(windowevent e); public abstract void windowopened(windowevent e); Husk at for at implementere en grænseflade skal man implementere alle dens metoder. En adapter er en lille hjælpeklasse hvor alle grænsefladens metoder er definerede (og ikke gør noget). Ved at udvide en adapter kan man nøjes med at overskrive de(n) metode(r) som man skal bruge. Programmering 1999 KVL Side Test af ClosableFrame class LytKnap2 { Frame f = new ClosableFrame("Tryk på knappen"); Button b = new Button("Tryk her"); b.addactionlistener(new KnapLytter()); f.add(b); Programmering 1999 KVL Side 13-12

4 Tekstfelter Man laver teksfelter med en given bredde: TextField t = new Textfield(10); // 10 synlige tegn Man kan læse indholdet af et tekstfelt med metoden gettext(): String indhold = t.gettext(); Man kan sætte indholdet med metoden settext(): t.settext("en tekst"); Man kan bestemme om feltet må rettes af brugeren: t.seteditable(false); Programmering 1999 KVL Side Eksempel: En GUI til beregning af fakultet. class FakultetGUI { TextField argument = new TextField(10), resultat = new TextField(10); int fak(int x) { if (x <= 1) return 1; else return x * fak(x-1); class BeregnLytter implements ActionListener { int x = Integer.parseInt(argument.getText()); resultat.settext(string.valueof(fak(x))); public FakultetGUI() { Button b = new Button("Beregn"); b.addactionlistener(new BeregnLytter()); resultat.seteditable(false); Frame f = new ClosableFrame("Beregning af fakultet"); f.add(new Label("x:")); f.add(argument); f.add(b); f.add(new Label("x!:")); f.add(resultat); Programmering 1999 KVL Side Indre klasser er praktiske i GUI-programmering! Klassen BeregnLytter er erklæret inden i klassen FakultetGUI. Det er fordi metoden actionperformed i BeregnLytter har brug for adgang til felterne argument og resultat. Et objekt af en indre klasse har en implicit reference til det objekt af den ydre klasse den blev skabt i, og dermed adgang til det ydre objekts felter. Desuden slipper man for at BeregnLytter bliver forvekslet med en BeregnLytter man definerer til et andet program... Programmering 1999 KVL Side Aktivering af FakultetGUI class Fakultet { new FakultetGUI(); class DobbeltFakultet { new FakultetGUI(); new FakultetGUI(); Programmering 1999 KVL Side 13-16

5 Retur i et tekstfelt er også en action... og derfor kan man putte en ActionListener på et tekstfelt for at lytte efter om brugeren taster retur. I fakultets-gui en kan vi sætte BeregnLytter til at lytte på retur i argument. Vi kan så fjerne Beregn knappen. Programmering 1999 KVL Side TekstFakultet class TekstFakultetGUI { // argument, resultat, fak og BeregnLytter som før public TekstFakultetGUI() { argument.addactionlistener(new BeregnLytter()); resultat.seteditable(false); Frame f = new ClosableFrame("Beregning af fakultet"); f.add(new Label("x:")); f.add(argument); f.add(new Label("x!:")); f.add(resultat); class TekstFakultet { new TekstFakultetGUI(); Programmering 1999 KVL Side Mere om lyttere Man kan sætte flere lyttere til at lytte efter det samme. Eksempel: To ActionListener objekter der lytter på den samme knap. En lytter kan lytte efter flere forskellige ting. Eksempel: En ActionListener der lytter på to forskellige knapper. Man kan bruge det xxxevent objekt lytteren får til at finde ud af mere om hændelsen. Programmering 1999 KVL Side Eksempel med to knapper class Clicks { Button p = new Button("Plus one"); Button m = new Button("Minus one"); TextField sum_field = new TextField("0", 10); TextField click_field = new TextField("0", 10); int clicks = 0, sum = 0; class PlusMinusListener implements ActionListener { if (e.getsource() == p) sum++; else sum--; sum_field.settext(string.valueof(sum)); class ClickListener implements ActionListener { click_field.settext(string.valueof(++clicks)); Programmering 1999 KVL Side 13-20

6 Eksempel med to knapper (fortsat) public Clicks() { ActionListener pml = new PlusMinusListener(); ActionListener cl = new ClickListener(); p.addactionlistener(pml); m.addactionlistener(pml); p.addactionlistener(cl); m.addactionlistener(cl); Frame f = new ClosableFrame("Clicks"); f.add(p); f.add(m); f.add(new Label("Sum:")); f.add(sum_field); f.add(new Label("Clicks:")); f.add(click_field); new Clicks(); Programmering 1999 KVL Side Tekstområder Brug et TextArea til at vise tekst der fylder mere end en linie. Et TextArea har både højde (antal linier) og bredde (antal tegn): TextArea t = new TextArea(5, 20); Man kan sætte hele indholdet af tekstområdet: t.settext("linie 1\nLinie 2"); Man kan læse hele indholdet af tekstområdet: String indhold = t.gettext(); Man kan tilføje tekst til området: t.append("en linie\neller 2"); (Man kan også indsætte eller erstatte tekst). Programmering 1999 KVL Side Eksempel: Fakultetsprogram med regnestrimmel class StrimmelFakultetGUI { TextField argument = new TextField(10); TextArea resultat = new TextArea(5, 15); int fak(int x) { if (x <= 1) return 1; else return x * fak(x-1); class BeregnLytter implements ActionListener { int n = Integer.parseInt(argument.getText()); resultat.append(n + "! er " + fak(n) + "\n"); public StrimmelFakultetGUI() { argument.addactionlistener(new BeregnLytter()); resultat.seteditable(false); Frame f = new ClosableFrame("Beregning af fakultet"); f.add(new Label("x:")); f.add(argument); f.add(resultat); Programmering 1999 KVL Side Checkbokse Oprettelse af en checkboks med et givent navn: Checkbox c = new Checkbox("navn"); Aflæs checkboksens værdi: boolean valgt = c.getstate(); Sæt checkboksens værdi: c.setstate(true); Programmering 1999 KVL Side 13-24

7 Eksempel: Grønne æbler og bananer class Checks { Checkbox one = new Checkbox("One"); Checkbox green = new Checkbox("Green"); Checkbox apple = new Checkbox("Apple"); TextField result = new TextField(50); class ButtonListener implements ActionListener { String text = ""; boolean just_one = one.getstate(); if (just_one) text += "one "; if (green.getstate()) text += "green "; if (apple.getstate()) text += "apple"; else text += "banana"; if (!just_one) text += "s"; result.settext(text); Programmering 1999 KVL Side Eksempel: Grønne æbler og bananer (fortsat) public Checks() { Button b = new Button("Do it"); b.addactionlistener(new ButtonListener()); result.seteditable(false); Frame f = new ClosableFrame("Silly example"); f.add(one); f.add(green); f.add(apple); f.add(b); f.add(result); public static void main(string args[]) { new Checks(); Programmering 1999 KVL Side Sammenfatning En grafisk brugergrænseflade (GUI) er opbygget af komponenter (Button, TextField, TextArea, Checkbox, Label,... ). Komponenter tilføjes til en container med add. For at en komponent skal gøre noget må vi lytte efter de hændelser den genererer. Til hver slags hændelse findes en tilsvarende grænseflade til at lytte. Til nogen slags lyttere findes en tilsvarende adapter. Indre klasser: klasser kan defineres inden i hinanden. Indre klasser bruges især for at give lyttere adgang til GUIens felter. Læs: L&L afsnit Programmering 1999 KVL Side 13-27