Vorlesung Informatik II

Transkript

1 Vorlesung Informatik II Universität Augsburg Wintersemester 2011/2012 Prof. Dr. Bernhard Bauer Folien von: Prof. Dr. Robert Lorenz Lehrprofessur für Informatik 07. Java: GUI und Ereignisbehandlung Teil 1 1

2 Inhalt In Java gibt es mehrere Klassenbibliothek-Pakete, die Datenstrukturen und Operationen für die grafische Darstellung von Fenstern und Benutzerinteraktionen erlauben (wie Sie es gewohnt sind) In diesem Kapitel werden wir besprechen: Grundlagen des Pakets java.awt Einfach(st)e Anbindung von Fenstern an Datenklassen Später: Grafische Benutzerschnittstelle und Schichtenarchitektur Paket java.swing 2

3 Exkurs: GUI-Elemente Grundbegriffe Dialog Fenster zur Interaktion mit dem Benutzer Primärdialog: zur direkten Aufgabenerfüllung z.b. Editor Sekundärdialog: für situationsabhängige zusätzliche Informationen wird aus Primärdialog gestartet nach Beendigung wird Primärdialog fortgesetzt z.b. Drucken, Speichern unter, Formeln einfügen, Suchen... 3

4 Exkurs: GUI-Elemente Grundbegriffe Dialog Fenster zur Interaktion mit dem Benutzer modaler Dialog muss beendet werden vor Aktivierung eines anderen Fensters z.b. Speichern unter, Mitteilungen nicht modaler Dialog kann unterbrochen werden z.b. Suchen 4

5 Inhalt Später: Vorgehen zum systematischen Konstruieren der GUI zu vorgegebenen Datenklassen (Erfassungsfenster, Listenfenster, Dialogführung) Jetzt: Vereinfachte Anbindung von Fensterklassen an Datenklassen Zugriff auf Daten von Objekten einer Klasse Zugriff auf Beziehungen zwischen Objekten 5

6 Ein leeres Fenster (Klasse Frame) import java.awt.*;//import aller Klassen des Pakets public class Test { public static void main (String args[]){ Frame F=new Frame(); F.setSize(300,300);//Breite und Höhe in Pixeln F.setVisible(true);//sichtbar machen } } 6

7 Besser: Entkoppelung der Programmklasse + eigene Fensterklasse als Spezialisierung + Frame + MeinProgrammGUI Benutze Konstruktor zur Darstellung des Fensters 7

8 Besser: Entkoppelung der Programmklasse + eigene Fensterklasse als Spezialisierung public class MeinProgrammGUI extends Frame { public MeinProgrammGUI (){ super();//konstruktoraufruf von Frame (opional) setsize(300,300); setvisible(true); } } public class meinprogramm { public static void main (String args[]){ new MeinProgrammGUI();//Anonymes Objekt erzeugen } } 8

9 - Vererbungshierarchie Object Component (Graphische Benutzerschnittstelle) Container (kann andere Komponenten enthalten) Panel (für Fensterkomponenten) Window (Primärfenster ohne Rand) Dialog (für Dialoge) Frame (mit Rand und Titel) 9

10 Ausgewählte Klassen und Operationen: Frame: Fenster mit Titel void setmenubar(menubar b): Menubar b hinzufügen MenuBar: Leiste, um Menüs aufzunehmen Menu add(menu m): Menu hinzufügen Menu: Menü mit Titel, das verschiedene Menüpunkte enthalten kann MenuItem add(menuitem i): Menüpunkt hinzufügen MenuItem: Menüpunkt mit Titel, um Aktionen auszuführen oder Optionen zu setzen oder andere Menüs aufzunehmen (zum Ausklappen) 10

11 Ausgewählte Klassen und Operationen: Frame void setlayout(layoutmanager l): Komponenten durch Layout Component add(...): Komponenten gemäß Layout hinzufügen LayoutManager: Schnittstelle zur Festlegung der Darstellung von BorderLayout: siehe nächste Folie FlowLayout: von links nach rechts (horizontal) fließend Gridlayout: wie Gitter/Tabelle Label: Komponente zur Darstellung von Text 11

12 BorderLayout: North West Center East South 12

13 Ausgewählte Klassen und Operationen: Panel: Komponente zur Aufnahme weiterer Komponenten nach Layout Voreinstellung: FlowLayout Component add(...): Komponenten gemäß Layout hinzufügen Button: Schaltfläche mit Titel, um Aktionen auszuführen PopupMenu: über Rechtsmausklick erreichbares Menu wird einer Komponente zugeordnet 13

14 Ausgewählte Klassen und Operationen: Frame void setlocation(int x, int y): Linke obere Ecke des Frames void setvisible(true): Frame sichtbar machen void pack(): Optimale Größe zur Darstellung aller Komponenten setzen Dialog: Fenster mit Titel zur Darstellung von Dialogen zu einem Frame oder zu einem anderen Dialog modal oder nicht modal Operationen ähnlich wie bei Frame 14

15 Ausgewählte Klassen und Operationen: TextField: Zur Eingabe von Text (einzeilig) String gettext(): Eingegebenen Text auslesen void settext(string text): Text setzen Choice: Ausklappbare Liste von Strings zur Auswahl unter verschiedenen Unterpunkten (Einfach- oder Mehrfachauswahl) void add(string titel): Unterpunkt hinzufügen void select(string titel): Unterpunkt auswählen String getselecteditem(): Ausgewählten Unterpunkt zurückgeben 15

16 Ausgewählte Klassen und Operationen: TextArea: Zur Eingabe von Text (mehrzeilig, mit Scrollbar) ähnlich zu TextField List: Liste von Strings zur Auswahl unter verschiedenen Unterpunkten (ähnlich zu Choice) void dd(string text): Unterpunkt hinzufügen void remove(string text): Unterpunkt entfernen void removeall(): alle Unterpunkte entfernenntfernen 16

17 Anwendungsfenster Sinnvolle Komponenten: Button close: Schließen des Fensters Menu bearbeiten: Öffnen von Dialogen zur Bearbeitung von Daten PopupMenu bearbeitenpm: dasselbe als Popupmenu Komponenten mit Hilfe von Panels organisieren Layout hinzufügen 17

18 Dialogfenster (vereinfacht, exemplarisch) Anbinden von Dialogfenstern an Datenklassen zur Bearbeitung von Daten: Erstellen von Daten Anzeigen von Daten Modifizieren von Daten Löschen von Daten Binde an jede Datenklasse MeineKlasse und ihre Containerklasse ein Dialogfenster MeineKlasseGUI an 18

19 Dialogfenster (vereinfacht, exemplarisch) + Dialog + MeineKlasseGUI 0..* 0..* 0..1 subject + MeineKlasse container MeineKlasseContainer 19

20 Dialogfenster (vereinfacht, exemplarisch) + MeineKlasseGUI + MeineKlasseGUI()... + save() + update() + load() Eingegebene Daten an subject übergeben Liste aller Objekte in container neu anzeigen Objektdaten von subject laden 20

21 Dialogfenster (vereinfacht, exemplarisch) Mit passenden grafischen Komponenten zum Eingeben und Anzeigen aller Attributwerte: Einwertiges Attribut: TextField Aufzählungs-Attribut: Choice Mehrwertiges Attribut: List Mit grafischer Komponente zum Anzeigen und Auswählen von erzeugten Objekten: List 21

22 Dialogfenster (vereinfacht, exemplarisch) Benutze Konstruktor zum Initialisieren aller grafischer Komponenten Sollten grafische Komponenten Attribute der Fensterklasse sein? Nur diejenigen zur Aufnahme von Attributwerten (Textfelder,...) sonst: lokale Variablen im Konstruktor (Schaltflächen,...) 22

23 Dialogfenster (vereinfacht, exemplarisch) Mit Schaltflächen / Menüpunkten zum Ausführen obiger Aktionen und zugehörigen Operationen keine üblichen Verwaltungsoperationen für die Attribute und Beziehungen (überflüssig) 23

24 Dialogfenster (vereinfacht, exemplarisch): Attribute: Referenzattribute & Grafische Komponenten zur Aufnahme von Attributwerten public class MeinKlasseGUI extends Dialog { private MeineKlasse subject;//referenz Datenobjekt private MeineKlasseContainer container;//referenz Container private TextField meinattribut;//ausgabe Attribut Datenobjekt... private List alleobjekte;//ausgabe aller Datenobjekte... 24

25 Dialogfenster (vereinfacht, exemplarisch): Konstruktor: Fensteraufbau & Initialisierungen public MeinKlasseGUI(Frame f){ super(f, Objekte verwalten,false);//frame-konstruktor setlayout(new GridLayout(0,1));//eine Spalte,beliebig viele Zeilen Panel p = new Panel(); meinattribut = new TextField(20); p.add(meinattribut); Button speichern = new Button( Speichern"); p.add(speichern); add(p); container = MeineKlasseContainer.instance(); subject = null;//initialisierung der Referenzen pack(); setvisible(true); } 25

26 Dialogfenster (vereinfacht, exemplarisch): Operation save(): Auslesen der Werte aus den grafischen Komponenten und Erzeugen eines neuen Objekts mit diesen Werten public void save(){ subject = new MeineKlasse(...); subject.setmeinattribut(meinattribut.gettext());... } 26

27 Dialogfenster (vereinfacht, exemplarisch): Operation update(): Löschen aller dargestellten Listenelemente und neu Laden aus dem Container public void update(){ alleobjekte.removeall(); for(meineklasse o:container){ alleobjekte.add(o.tostring()); } } 27

28 Dialogfenster (vereinfacht, exemplarisch): Operation load(): Laden der Werte eines aus der Liste selektierten Objekts if (alleobjekte.getselecteditem()!= null){ Iterator<MeineKlasse> it = container.iterator(); while (it.hasnext()){ MeineKlasse o = it.next(); String auswahl = alleobjekte.getselecteditem(); if (o.tostring().equals(auswahl)){ subject = o;} }... meinattribut.settext(subject.getmeinattribut());... 28

29 Ereignisbehandlung Noch können wir nichts mit dem Fenster anfangen Es lässt sich nicht schließen Dialogfenster lassen sich nicht öffnen Keine Reaktion auf Drücken von Schaltflächen Es fehlt noch die sogenannte Ereignisbehandlung 29

30 Ereignisbehandlung Benutzeraktionen lösen sog. Ereignisse (Events) aus: Klicken auf Schaltfläche: ActionEvent Klicken mit der Maus auf Komponenten: MouseEvent Betätigen von Keyboardtasten: KeyEvent Betätigen von Fensterfunktionen: WindowEvent Events sind Java-Objekte, die Informationen über Benutzeraktionen kapseln Die Eventklassen bilden eine Vererbungshierarchie (siehe API) 30

31 Ereignisbehandlung AWTEvent ActionEvent AdjustmentEvent ComponentEvent TextEvent ConzainerEvent FocusEvent InputEvent PaintEvent WindowEvent KeyEvent MouseEvent 31

32 Ereignisbehandlung Objekte, die auf Benutzeraktionen reagieren sollen (z.b. Fenster), müssen diese Ereignisse abhören können Man kann ereignisempfangende Objekte (Fenster) bei ereignisauslösenden Objekten (Button) als Ereignisabhörer (EventListener) registrieren EventListener ist eine Schnittstelle, die festlegt, mit welchen Operationen auf ein Ereignis regiert werden kann Für jede Ereignisart gibt es eine eigene EventListener- Schnittstelle (ActionListener, MouseListener, ) 32

33 Ereignisbehandlung Für die Ausführung von Benutzeraktionen zuständige Klassen (ereignisempfangende Klassen) müssen die entsprechende EventListener-Schnittstelle implementieren <<interface>> EventListener <EreignisBehandlungs Operationen> <EreignisauslösendeKlasse> addeventlistener() removeeventlistener() <EreignisEmpfangendeKlasse> <EreignisBehandlungsOperationen> EventObject getsource()... 33

34 Ereignisbehandlung Für die Ausführung von Benutzeraktionen zuständige Klassen (ereignisempfangende Klassen) müssen die entsprechende EventListener-Schnittstelle implementieren Ereignisauslösende Objekte benachrichtigen alle bei ihr registrierten Ereignisabhörer... durch Aufruf der zum Ereignis gehörenden Operation der Ereignisabhörer-Schnittstelle 34

35 Ereignisbehandlung Beispiel: ActionEvent, ActionListener (Buttons) <<interface>> ActionListener actionperformed() Button addactionlistener() removeactionlistener() MeinFenster actionperformed() ActionEvent getactioncommand()... 35

36 Ereignisbehandlung Beispiel: ActionEvent, ActionListener (Button close) public class meinfenster extends Frame implements ActionListener{ public meinfenster(){... Button close = new Button( close ); add(close); close.addactionlistener(this);//fenster bei Button anmelden... } public void actionperformed(actionevent e){ if (e.getactioncommand().equals("close")){ dispose();//fenster schließen System.exit(0);//Anwendungsresourcen freigeben } } } 36

37 Ereignisbehandlung Beispiel: WindowEvent, WindowListener (Fenster) <<interface>> WindowListener windowclosing() windowclosed() windowopened() windowactivated() MeinFenster addwindowlistener() removewindowlistener()... MeinFenster WindowEvent getwindow()... 37

38 Ereignisbehandlung Beispiel: WindowAdapter (mit leeren Implementierungen) WindowAdapter windowclosing() windowclosed() windowopened() windowactivated() <<interface>> WindowListener MeinFenster addwindowlistener() removewindowlistener() WindowEventHandler windowclosing() WindowEvent getwindow()... 38

39 Ereignisbehandlung Beispiel: WindowAdapter (mit leeren Implementierungen) public class MeinWindowEventHandler extends WindowAdapter{ MeinFenster f; MeinWindowEventHandler(MeinFenster f) { this.f = f; } public void windowclosing(windowevent e){ f.dispose(); System.exit(0); } } public class meinfenster extends Frame { public meinfenster() {... MeinWindowEventHandler w = new MeinWindowEventHandler(this); addwindowlistener(w); ) } 39

40 Ereignisbehandlung Beispiel: WindowAdapter (als anonymes Objekt) public class meinfenster extends Frame { public meinfenster() {... addwindowlistener(new WindowAdapter(){ public void windowclosing(windowevent e){ dispose(); System.exit(0); } }); } 40

41 Ereignisbehandlung Event-Klasse Interface Methoden Ereignis- Quellen ActionEvent ActionListener actionperformed() Button MenuItem TextField AdjustmentEvent AdjustementListener adjustmentvaluechanged() Scrollbar ItemEvent ItemListener itemstatechanged() Checkbox CheckboxMenuItem Choice List KeyEvent KeyListener keypressed() Component keyreleased() keytyped() 41

42 Ereignisbehandlung Event-Klasse Interface Methoden Ereignis- Quellen MouseEvent MouseListener mouseclicked() Component mouseentered() mouseexited() mousepressed() mousereleased() MouseMotionListener mousedragged() mousemoved() Component WindowEvent WindowListener windowactivated() Window windowclosed() windowclosing() windowdeactivated() windowdeiconified() windowiconified() windowopened() 42