JavaFX Layout and Controls

Transkript

1 JavaFX Layout and Controls

2 JavaFX 8-Systemvoraussetzungen Grundsätzlich verwendbar mit Java7 ab Version 4.x (?) Standard in Java8 mit Java8 arbeiten System-VM auf Java8 umstellen (sonst gibt es Probleme mit eclipse!) Dann in eclipse Projekt anlegen mit New > Other > JavaFX Project

3 Der Scene Graph Basisstruktur der grafischen Oberflächen mit FX Quelle Rheinjug / Saxonia Systems /

4 Der Scene Graph Stage enthält zu jeder Zeit eine Scene kann aber ausgetauscht werden Navigation Scene enthält Nodes Node kann sein Pane Group Parent (enthält Nodes) WebView UI-Element Shape (2D, 3D) View (Image, Media) Canvas...

5 Panes mit Layouts Panes sind "Setzkästen" für Elemente haben ein "Layout", d.h. eine typische Anordnung erhalten die Anordnung robust bei Größenveränderungen können geschachtelt werden sind Parents haben ein List-Attribut "children", deshalb Hinzufügen über mypane.getchildren().add(...) oder...addall(...) weitere wichtige Panes: GridPane, AnchorPane, SplitPane

6 VBox

7 VBox + HBox,...

8 BorderPane Standard-Layout für Webseiten: Kopf- ud Fußzeile Rechter und linker Rand Inhaltsbereich in der Mitte Was nicht besetzt ist, nimmt keinen Raum ein: top left center right bottom

9 BorderPane

10 Layout-Spicker VBox, HBox Quelle:

11 Layout-Aufgabe

12 Zum Nachlesen /layout-tutorial/builtin_layouts.htm #JFXLY102

13 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

14 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

15 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

16 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

17 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

18 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

19 JavaFX Controls UI-Elemente, früher auch "Widgets" genannt Quelle: H. Vogelsang,

20 Die komplette Übersicht afx/user-interfacetutorial/ui_controls.htm#jfxui336

21 Wem das nicht reicht, der findet im Open Source Projekt ControlsFX jede Menge Material: ControlsFX Library

22 Einfache Interaktion

23 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...

24 Aktion des Login-Knopfes

25 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:

26 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!

27 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 Block mit einer Parameterliste einem Pfeil und einem Methodenrumpf (String public first, int compare(string second) -> first, { String second { if (first.length() < second.length()) return -1; else if (first.length() > second.length()) return 1; else return 0; } Als Methode nicht weitergebbar müsste noch in eine Klasse gekapselt werden. Lambda-Ausdrücke haben so eine (unsichtbare) Kapsel

28 Lambda statt anonym

29 Guter Stil Nicht mehr innere Klasse, nur noch private Methode

30 Noch Lust auf eine ComboBox? in "handle" sichtbar setzen...

31 Das sollte für die ersten Gehversuche reichen Was fehlt? Weitere Events Navigation und Message Panes Malen und Media