JavaFX 8 - Der Einstieg in die Java-GUI Programmierung

In dieser Episode wird ein einfaches Fenster mit Text erzeugt.

Wie wird eine JavaFX Anwendung gestartet und korrekt wieder beendet?

Der JavaFX Application Thread wird automatisch von JavaFX gestertet und kümmert sich um das erhalten und weiterreichen von Events.

Jedes Programm kann mit Startparametern aufgerufen werden. Wie können wir diese in JavaFX verwenden?

Die Grundbausteine einer jeden JavaFX Anwendung.

Properties sind Wrapper um primitive (+ String + Object) Datentype, auf welche wir Listener registrieren können.

Mit der Hilfe von NumberBindings können Properties aneinander geknüpft werden, wodurch sie permanent (oder bis sie unbindet werden) in Abhängigkeit zueinander stehen. Auf diese weiße lassen sich später verschiedene Komponenten (Controls) unserer GUI miteinander verknüpfen.

Auch StringProperties können in Abhängigkeit zueinander stehen. Wie das funktioniert wird in dieser Episode gezeigt.

Es gibt 2 unterschiedliche Arten von Listenern in JavaFX. Was der unterschied zwischen den beiden ist wird hier erklärt.

Die Observable List kann man sich am leichtesten als "List Propertie" vorstellen, also eine Liste die auf Änderungen reagieren kann und ihre eigenen Listener benachrichtigt, sobald sich etwas ändert.

Bei der Benutzung von Properties ist es in JavaFX zwingend notwendig einige Konventionen einzuhalten, damit Tools auf diese korrekt reagieren können.

Ein Label ist ein kleines Stückchen Text, welches man in der GUI anzeigen lassen kann.

Der klassische Button (Knopf) wird hier vorgestellt.

Bei der Checkbox handelt es sich um ein kleines Kästchen in welches der User entweder einen Hacken machen kann oder diesen wieder entfernen kann. Wie man die Checkbox richtig benutzt und welchen dritten Zustand diese Checkbox noch einnehmen kann ist Thema dieser Episode.

Der ToggleButton ist ein Button, der, ähnlich wie eine Checkbox, dauerhaft bei betätigung gedrückt bleibt bis der User ihn nochmal anklickt.

Ähnliches Verhalten wie der Toggle Button, allerdings mit anderem Design. Wo der Unterschied zum Toggle Button noch liegt ist thema dieser Episode.

Besser bekannt als "drop down menu".

Wenn man über Controls mit der Maus hovert, dann will man manchmal zusätzliche Informationen sehen. Bei diesen Informationen handelt es sich um Tooltips.

Wie gibt der User eigentlich eine Zeile Text (Strings) in die GUI ein?

Ein Passwort in ein Text Field zu tippen ist keine gute Idee, jeder, der sich in der Nähe des Bildschirms befindet kann sonst das Passwort mitlesen. Um dem abhilfe zu schaffen gibt es das Password Field.

Manchmal möchte der User aber auch etwas mehr, als nur eine Zeile Text eingeben. Dafür ist die TextArea gedacht.

Die ScrollBar ist die Control, die dafür sorgt, dass große Scenes auch in einem kleinen Fenster angezeigt werden können.

Wenn man nicht nur in eine Richtung scrollen will, sondern in beide dann benutzt man die ScrollPane.

Vorallem für Zahleneingaben in einem gewissen Intervall sind Schieberegler sehr interessant. Solche Schieberegler heißen "Slider".

Die ComboBox ist der Zusammenschluss von TextField und ChoiceBox.

Vorallem bei Ladezeiten sollte man den User immer darüber informieren wie viel % denn schon berechnet wurden. Dies ist zum Beispiel mit einem Ladebalken möglich. Dieser Ladebalken heißt in JavaFX "ProgressBar".

Manchmal ist kein Platz für einen Ladebalken, dann ist ein ProgressIndicator besser geeignet.

Hyperlinks sind letztendlich einfache Buttons in Textform. Diese können zum Beispiel eine Website öffnen, aber auch jede andere denkbare Funktion ist möglich.

Für das visuelle Unterteilen der GUI sind Separators bestens geeignet.

Um mehrere Controls zu gruppieren kann die Titled Pane benutzt werden.

Das Accordion ist ein Zusammenschluss mehrerer Titled Panes von denen immer nur eine ausgeklappt sein kann.

Wie sind eigentlich die Menüs am oberen Ende einer GUI realisiert? Das zeige ich in dieser Episode.

Mithilfe der ListView können Observable Lists grafisch dargestellt werden.

Cell Factorys können für ListViews verwendet werden um festzulegen wie sich die einzelnen Einträge verhalten sollen.

Reichen einem die vorimplementierten CellFactorys nicht so kann man auch komplett neue programmieren.

ListViews sind eindimensional. Das reicht nicht immer! Manchmal braucht man Tabellen. Dafür gibt es die TableViews.

Das klassische Beispiel einer TreeView ist der PackageExplorer links in Eclipse.

Um mehrere Buttons zu gruppieren kann man zum Beispiel die ButtonBar benutzen.

Will man mehrere Tabs, so wie im Browser verwenden dann braucht man die TabPane.

In einer Splitpane können mehrere Controls aufbewahrt werden und der User ist dann in der Lage die einzelnen Teilabschnitte selbst zu vergrößern oder zu verkleinern.

Beim Spinner handelt es sich um eine TextBox, welche für Zahlen gedacht ist. Mit 2 kleinen Buttons rechts kann diese Zahl dann erhöht bzw. verringert werden.

In der ToolBar können mehrere Controls platziert werden. Meist ist diese unterhalb eines Menüs zu sehen.

Über die Pagination können viele Seiten innerhalb der GUI realisiert werden.

Beim HTMLEditor handelt es sich um eine sehr umfangreiche Control, welche es dem User erlaubt komplett gestylten HTML Text zu entwerfen.

Der ColorPicker lässt den User eine beliebige Farbe wählen welche dann im Programm benutzt werden kann.

Mithilfe des FileChoosers lassen sich Dateien finden, speichern und bearbeiten.

HBox = Horizontal

VBox = Vertikal

Die FlowPane geht mit den Controls so um, als handle es sich bei ihnen um Text.

Will man aber echte TextNodes verarbeiten, dann ist die TextFlow der FlowPane überlegen.

Will man Nodes immer relativ zu einer der 4 Ecken der GUI positionieren dann ist die AnchorPane dafür gut geeignet.

Die BorderPane ist vermutlich die wichtigste Pane in ganz JavaFX, da sie das Grundgerüst der meisten GUIs bildet.

Die TilePane verhält sich zunächst genau wie die FlowPane, allerdings mit dem Unterschied, dass jede Zelle immer gleich Breit und Hoch ist.

Will man Controls in einem unsichtbaren Gitter positionieren so wählt man die GridPane.

Die StackPane ist gut dazu geeignet Controls "übereinander" zu stapeln.

Zum anzeigen einer Nachricht in einem neuen Fenster wird in der Regel die DialogPane verwendet.

Unmanaged Nodes sind Nodes, die vom Layoutcontainer ignoriert werden.

Reichen die bereitgestellten Layoutcontainer nicht? Dann mach doch einfach einen eigenen!

Das klassische Tortendiagramm.

Wenn man es mit Daten zu tun hat die sich in Echtzeit ändern, dann kann man dies auch mit den Charts in JavaFX realisieren!

Der klassiche Aktienverlauf kann mit LineCharts angezeigt werden.

Wie die LineChart, jedoch ist die Fläche unterhalb der Linie gefüllt.

Die Flächen der AreaChart werden nun gestapelt dargestellt.

Das klassische Balkendiagramm

Kombination aus StackedAreaChart und BarChart

Wenn man Messdaten in Form von 2 Dimensionalen Werten hat, so kann die ScatterChart benutzt werden.

Wie die ScatterChart, allerdings haben die Messwerte jetzt noch unterschiedliche größen.

Der SceneBuilder erlaubt es GUIs sehr schnell via "Drag & Drop" zusammenzuklicken.

Wenn man den SceneBuilder benutzt, dann kann man die Nodes nicht ohne zusätzliche Einstellungen im SceneBuilder selbst ansprechen (zumindest nicht ohne sich das Leben unnötig komplex zu machen). In dieser Episode wird gezeigt wie ihr trozdem auf Buttonklicks reagieren könnt.

In dieser Episode wird anhand eines einfachen Anwendungsbeispiels ein Taschenrechner mithilfe des SceneBuilders gebaut.

Will man seiner GUI einen besonderen Style geben so kann man dies über die bekannte Sprache CSS machen.

Type-Selektor, Styleklassen und IDs

Selektoren können verknüpft werden um so komplexere Bedingungen zu formulieren und nur gezielte Notes anzusprechen.

Pseudoklassen beschreiben besonderes States der Nodes, wie ein Hover oder ein Klick.

Mit einem einfachen Befehl lässt sich das Grunddesign von JavaFX grundlegend ändern.

In der Root können zusätzliche Attribute gespeichert und festgelegt werden um so die ganze GUI von diesen Attributen abhängig zu machen und das Look and Feel über einfache Änderungen dieser Attribute grundlegend zu verändern.

Mit CSS kann man dafür sorgen, dass der promptText innerhalb eines TextFields immer angezeigt wird, solange noch nichts eingetippt wurde.

In dieser Episode wird nochmal das klassiche mutlithreading gezeigt und die Motivation geschildert, warum Multithreading in GUI Entwicklungen zwingend notwendig ist.

Ein Task ist ein besser überwachbares Runnable, welches allerdings nur einmal ausgeführt werden kann.

Genau wie der Task, kann aber mehrfach ausgeführt werden.

Die Progress Bar ist bestens geeignet um den Fortschritt eines Services anzuzeigen.

Beim ScheduledService handelt es sich um einen Service der, einmal gestartet, sich immer wieder von alleine selbst startet.

Das Ende der Ursprünglichen Serie. Aber vergesst nicht! Es geht weiter! Meldet euer Feedback hier auf Udemy oder per mail an jakob.schaal@hotmail.com