JavaFX Interaction. Events Eventhandler Lambda-Ausdrücke

Transkript

1 JavaFX Interaction Events Eventhandler Lambda-Ausdrücke

2 Einfache Interaktion (c) schmiedecke 15 Prg-20-Interaktion 2

3 Interaktion Jedem Control kann Interaktivität hinzugefügt werden Die GUI erkennt verschiedenste Interaktions-Ereignisse Mausklick Mausbewegung, Dragbewegung linke, rechte Maustaste Taste gedrückt, losgelassen Entertaste Selektion... Für jedes Ereignis wird ein von der GUI ein Event-Objekt erzeugt, das die erforderlichen Infos enthält (z.b. "worauf geklickt?") Den Controls können durch "SetOn..."-Methoden Event-Handler hinzugefügt werden. Wir beginnen mit "ActionEvents", wie z.b. Knopfdruck und Enter Die anderen Events kommen später... (c) schmiedecke 15 Prg-20-Interaktion 3

4 Aktion des Login-Knopfes (c) schmiedecke 15 Prg-20-Interaktion 4

5 EventHandler des Login-Knopfes LoginHandler ist innere Klasse (in Main05) Zweck: Controls (btn und usertextfield) sollen bekannt sein Beide dürfen aber nicht lokal in start() sein, sondern müssen Attribute werden: (c) schmiedecke 15 Prg-20-Interaktion 5

6 Die Theorie dahinter: Events Ein Event ist ein Objekt vom Typ Event, in der Regel einer Unterklasse von javafx.event.event Es wird vom FX-Laufzeitsystem für jede Benutzeraktion erstellt. Ein Event-Objekt ist ein "Informationspaket" über ein Ereignis, enthält mindestens gettype, getsource, gettarget Es gibt eine Hierarchie von Event-Typen (c) schmiedecke 15 Prg-20-Interaktion 6

7 EventHandler Ein EventHandler ist eine Implementierung des Interfaces public interface EventHandler<T extends Event> extends EventListener { void handle(t event); } Es gibt nur die eine Methode handle, der ein Event als Parameter übergeben wird (das "Infopaket"). Ein Eventhandler wird bei einem Node "registriert" und dadurch bei Auftreten eines Ereignisses aufgerufen. mybutton.addeventhandler(actionevent.action, mybuttonhandler); adressierter EventType Instanz von Button Instanz von EventHandler<ActionEvent> (c) schmiedecke 15 Prg-20-Interaktion 7

8 Beispielcode Login Handler muss "innere Klasse" sein, damit Zugriff auf btn usertextfield und loginmessage besteht (c) schmiedecke 15 Prg-20-Interaktion 8

9 Kombination von Events und Handlers Praxistür Gong Haustür Tueroeffner oben Tueroeffner unten

10 Kombination von Events und Handlers public DocsPraxis() { Button hausklingel = new Button("Dr.Java"); Button praxisklingel = new Button("Dr.Java"); EventHandler<ActionEvent> gong = new Gong(); EventHandler<ActionEvent> praxistueroeffner = new Tueroeffner("oben"); EventHandler<ActionEvent> haustuer = new Tueroeffner("unten"); hausklingel.addactionlistener(gong); hausklingel.addactionlistener(haustueroeffner); praxisklingel.addactionlistener(gong); praxisklingel.addactionlistener(praxistueroeffner); } pane.getchildren().add(praxisklingel); pane.getchildren().add(hausklingel);

11 Die wichtigsten Eventklassen javafx.event.actionevent javafx.scene.input.inputevent javafx.scene.input.keyevent (extends InputEvent) javafx.scene.input.mouseevent (extends InputEvent) javafx.scene.touchevent häufigstes Event Knopfdruck, Doppelklick, Enter Maus- oder Tastenklick Tastenereignisse: Drücken, Lösen, Klicken... Mausereignisse Bewegen, Drag, Maustasten... Toucheingaben javafx.scene.windowevent Änderung des Stage-Zustands Maximieren, Minimieren, Resize... (c) schmiedecke 15 Prg-20-Interaktion 11

12 Vereinfachte Event-Registrierung "seton..." vereinfachte Registrierung für häufige Event-Typen Beispiel: Grüner Punkt soll bei Mausklick rot werden (c) schmiedecke 15 Prg-20-Interaktion 12

13 Übersicht Vereinfachte Registrierung (c) schmiedecke 15 Prg-20-Interaktion 13

14 (c) schmiedecke 15 Prg-20-Interaktion 14

15 Allgemeine Form der Registrierung: setonevent-type(eventhandler); statt vereinfacht (c) schmiedecke 15 Prg-20-Interaktion 15

16 Events auf Nodes Der Scene Graph enthält Nodes Events können auf Nodes registriert werden Shapes sind Nodes d.h. aus jedem "Shape" kann ein Control werden (c) schmiedecke 15 Quelle Rheinjug / Saxonia Prg-19-Panes Systems und Controls / 16

17 Ein Shape als Knopf (c) schmiedecke 15 Prg-20-Interaktion 17

18 Projekt Scribble Malen mit der Maus Scribble-Idee: Group als Root Rectangle als Untergrund Darauf Lines: Starten, wenn Mausknopf gedrückt (kleiner Kreis) Bei jedem MouseDragged-Event kleines Stück Linie erzeugen (Line-Objekt) und hinzufügen Wenn Mausknopf gelöst, endet die Linie (kleiner Kreis) (c) schmiedecke 15 Prg-20-Interaktion 18

19 Project Scribble (c) schmiedecke 15 Prg-20-Interaktion 19

20 Project Scribble (c) schmiedecke 15 Prg-20-Interaktion 20

21 Anonyme innere Klasse Viel unnötiger Code: Der Klassenname wird nur 1x benötigt! Deshalb üblicherweise anonyme innere Klasse: Deklaration und Instanziierung in einem Schritt Brrrr - hässlich, aber üblich! (c) schmiedecke 15 Prg-20-Interaktion 21

22 Die elegante Lambda-Lösung Dies ist ein Überfall Vorgriff - Theorie folgt später Ein Lambda-Ausdruck ist eine namenlose Methode (also etwas Anonymes), die (als Objekt) weitergegeben werden kann (Heißt in Skriptsprachen Closure) Syntax in Java 8: Parameterliste -- Pfeil -- Methodenrumpf (MouseEvent public void handle(mouseevent event) -> event) { x=event.getx(); y=event.gety(); root.getchildren().add(new Circle(x,y,3,Color.BLUE)); } Als Methode nicht weitergebbar müsste noch in eine Klasse gekapselt werden. Lambda-Ausdrücke haben so eine (unsichtbare) Kapsel (c) schmiedecke 15 Prg-20-Interaktion 22

23 Lambda statt anonym (c) schmiedecke 15 Prg-20-Interaktion 23

24 Guter Stil: private Methode Keine innere Klasse mehr, nur noch eine private Methode (c) schmiedecke 15 Prg-20-Interaktion 24

25 Lambda für Scribble (c) schmiedecke 15 Prg-20-Interaktion 25

26 Noch Lust auf eine ComboBox? in "handle" sichtbar setzen... (c) schmiedecke 15 Prg-20-Interaktion 26

27 Das gibt Ihnen schon ganz viele Möglichkeiten Was fehlt? Dynamische Werte durch Properties Navigation und Message Panes