Programmieren 2 07 JavaFX-Properties und Data-Binding

Größe: px

Ab Seite anzeigen:

Download "Programmieren 2 07 JavaFX-Properties und Data-Binding"

Jobst Brandt
vor 6 Jahren
Abrufe

1 Programmieren 2 07 JavaFX-Properties und Data-Binding Bachelor Medieninformatik Sommersemester 2016 Dipl.-Inform. Ilse Schmiedecke schmiedecke@beuth-hochschule.de 1

2 Git synchronisiert Entwicklungsstände (c) 2

3 ... jetzt geht es um Daten In JavaFX gibt es fertige "Funk-Datentypen" diese Datentypen können kommunizieren 3

4 Editierbare Liste - Handarbeit 4

5 Editierbare Liste "Magie" funktioniert genauso! 5

6 Achtung, Observation! Wenn sich die Items-Liste "namelist" ändert, "merkt" die View das und aktualisiert die ListView Wenn in der View ein Editiervorgang abgeschlossen wird, "merkt" die Items-Liste das und übernimmt den neuen Wert ins Model. 6

Das Observer-Pattern Stadardisiertes Event-Listener-Muster: Listener Registrieren (registerobserver Listener-Objekt vom Typ Observer) Registrierte

7 Das Observer-Pattern Stadardisiertes Event-Listener-Muster: Listener Registrieren (registerobserver Listener-Objekt vom Typ Observer) Registrierte Listener aufrufen (notifyobservers ruft die update-methoden aller registrierten Observer) ActionListener setonaction z.b. ein TextField anonym: (handlemyevent) 7 7

8 Observable-Objekte Observables ermöglichen das Registrieren von Handlern (Listenern) Rufen die registrierten Handler ("notify") z.b. actionperformed() oder statechanged() Typische Observable-Objekte in Java sind GUI-Objekte das GUI selbst (MouseEvents) alle anderen Observer muss man selbst implementieren JavaFX erweitert das Observable-Muster auf beliebige Daten (-strukturen): Properties Observable Collections 8 8

9 Properties Java Bean-Attribut: privates Attribut getter und setter Property: Wrapper um ein Bean-Attribut getter und setter ("normal") mit "Kommunikations"-Möglichkeiten: Observable, Bindable setonchange bind Bean-Property Bean-Property 9 9

10 JavaFX-Property-Definition Getter und Setter, als wäre es ein String-Attribut xxproperty() liefert die Property (als Objekt) 10

11 FX-Property-Typen BooleanProperty DoubleProperty FloatProperty IntegerProperty ListProperty<E> LongProperty MapProperty<K,V> ObjectProperty<T> SetProperty<E> StringProperty Jeweils mit 3 weiteren Klassen, z.b. SimpleStringProperty ReadOnlyStringProperty ReadOnlyStringWrapper 11

12 Observable Class 12

13 Properties sind "observable" Jede Property feuert 2 Events: ChangeEvent InvalidationEvent darauf kann man Listener ansetzen: "lazy" 13

14 Listener testen: 14

15 Properties können gekoppelt werden: Mit "bind" kann eine Property an eine andere Properties desselben Typs gekoppelt werden 15

16 Es gibt auch bindbidirectional Wenn zwei Properties synchron gehaltenwerden sollen, verwendet man bindbidirectional: combobox.getselectionmodel().selectionproperty(). bindbidirectional (listview.getselectionmodel().selectionproperty()); 16

17 Binding in ObservableMovieDescription zusätzliche Property shortdesc wird durch Bind gesetzt 17

18 Listener auf die Property shortdesc gesetzt 18

19 Binding-Klasse 19

20 Überblick über Binding-Anwendungen Binden von Properties innerhalb einer Observable- Klasse, also im "Datenmodell" Binden von Properties "von außen", also anwendungsspezifisch. Binden von GUI-Properties (meistens Größen) Binden zwischen GUI und Datenmodell - Datensynchronisation 20

Binden von Properties im Daten-"Modell" Im

Nachname direkt auf VollerName aus er wird

21 Binden von Properties im Daten-"Modell" Im Konstruktor: Der Wert VollerName wird direkt an die anderen Properties "gebunden" Damit wirkt sich jede Änderung von Vor- oder Nachname direkt auf VollerName aus er wird synchronisiert. es gibt auch bindbidirectional 21 21

22 Binding-Test Nun sollte der VolleName sich immer aus den anderen Namensteilen ergeben: 22 22

23 Binding in einer anderen Klasse Methode liefert Property 23 23

24 Binden von Properties im GUI In JavaFX sind alle Attribute von GUI-Elementen Properties! Nicht aufgefallen, weil getter und setter "normal" sind Binden der Größe eines Rectangle an die Fenstergröße 24 24

25 Binden von Properties im GUI 25 25

26 Binden von Properties zwischen GUI und "Modell" Binden von Properties in der GUI 26 26

27 Binden von Properties zwischen GUI und "Modell" "Modell" Binden von Properties in der GUI 27 27

28 Wichtige Binding-Anwendungen: Sehr häufig: Übernahme von Auswahlergebnis in ein anderes GUI-Element oder in das Datenmodell Aus Scribble kennen manche schon die Bindung an Combobox ColorPicker 28 28

29 Übertragung auf Listen und Tabellen? Im Prinzip braucht man Properties und DataBinding Aber: Bindung zwischen Editfeld und Collection-Element ist nicht dauerhaft hängt von der Selektion in der Collection ab Ausweg: Kluge Objekte, die jeweils die richtige Bindung herstellen: CellFactories Damit arbeiten wir nächste Woche weiter! 29 29

30 ... das war der Einstieg in Observables. Nächstes Mal kommen wir auf Observable Collections zurück J 30 30

Ähnliche Dokumente

Programmieren 2 07 JavaFX-Properties und Data-Binding

Programmieren 2 07 JavaFX-Properties und Data-Binding Bachelor Medieninformatik Sommersemester 2015 Dipl.-Inform. Ilse Schmiedecke schmiedecke@beuth-hochschule.de 1 Letztes Mal haben wir Entwickler synchronisiert...