de:javafx
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
de:javafx [2018/12/22 13:32] – [FileChooser] roehner | de:javafx [2019/04/07 20:05] – roehner | ||
---|---|---|---|
Zeile 2: | Zeile 2: | ||
JavaFX wird ab Version 14.0 vom Java-Editor unterstützt. Die Entwicklung dieser neuen grafischen Benutzeroberfläche für den Java-Editor hat viele Monate in Anspruch genommen. Doch ich denke, dass sich die Arbeit insgesamt gelohnt hat. Man kann nun mit einer zeitgemäßen GUI-Bibliothek arbeiten, die auch mit CSS gestaltet werden kann. Das Erstellen einer GUI-Oberfläche wird für Programmieranfänger noch leichter gemacht, weil der Objekt-Inspektor standardmäßig nur die wichtigsten Attribute von GUI-Komponenten anzeigt. Dadurch können die GUI-Komponenten deutlich leichter konfiguriert werden. Außerdem stehen jetzt grafische Grundfiguren wie Kreis, Rechteck und Vieleck zur Verfügung, womit sich auch im Unterricht einfacher GUI-Anwendungen mit grafischen Objekten gestalten lassen. | JavaFX wird ab Version 14.0 vom Java-Editor unterstützt. Die Entwicklung dieser neuen grafischen Benutzeroberfläche für den Java-Editor hat viele Monate in Anspruch genommen. Doch ich denke, dass sich die Arbeit insgesamt gelohnt hat. Man kann nun mit einer zeitgemäßen GUI-Bibliothek arbeiten, die auch mit CSS gestaltet werden kann. Das Erstellen einer GUI-Oberfläche wird für Programmieranfänger noch leichter gemacht, weil der Objekt-Inspektor standardmäßig nur die wichtigsten Attribute von GUI-Komponenten anzeigt. Dadurch können die GUI-Komponenten deutlich leichter konfiguriert werden. Außerdem stehen jetzt grafische Grundfiguren wie Kreis, Rechteck und Vieleck zur Verfügung, womit sich auch im Unterricht einfacher GUI-Anwendungen mit grafischen Objekten gestalten lassen. | ||
- | Beachten | + | Ab dem JDK 11 ist JavaFX nicht mehr im JDK enthalten und muss zusätzlich installiert werden. |
+ | |||
+ | Eine Dokumentation von JavaFX kann über https://www.oracle.com/technetwork/ | ||
{{: | {{: | ||
+ | |||
+ | Beachten Sie bitte, dass Sie in der Konfiguration unter // | ||
Gerhard Röhner\\ | Gerhard Röhner\\ | ||
Zeile 16: | Zeile 20: | ||
Eine Label-Komponente kann außer Text auch ein Bild oder Beides darstellen. | Eine Label-Komponente kann außer Text auch ein Bild oder Beides darstellen. | ||
Um ein Bild darzustellen wählt man im Objekt-Inspektor beim Attribut //Graphic// die gewünschte Bilddatei aus. | Um ein Bild darzustellen wählt man im Objekt-Inspektor beim Attribut //Graphic// die gewünschte Bilddatei aus. | ||
- | Dabei wird die ausgewählte Bilddatei automatisch in den Ordner //images// kopiert.\\ | + | Dabei wird die ausgewählte Bilddatei automatisch in den Ordner //images// kopiert. |
Beispiel: {{: | Beispiel: {{: | ||
Zeile 30: | Zeile 34: | ||
{{: | {{: | ||
<code java> | <code java> | ||
- | \\ | ||
---- | ---- | ||
==== NumberField ==== | ==== NumberField ==== | ||
Zeile 45: | Zeile 48: | ||
<code java> | <code java> | ||
nfSumme.setDouble(Summe, | nfSumme.setDouble(Summe, | ||
- | \\ | ||
---- | ---- | ||
==== TextArea ==== | ==== TextArea ==== | ||
Zeile 58: | Zeile 60: | ||
<code java> | <code java> | ||
taAusgabe.appendText(" | taAusgabe.appendText(" | ||
- | \\ | ||
---- | ---- | ||
==== Button ==== | ==== Button ==== | ||
Zeile 82: | Zeile 83: | ||
{{: | {{: | ||
<code java> | <code java> | ||
- | \\ | ||
---- | ---- | ||
==== RadioButton & ToggleGroup ==== | ==== RadioButton & ToggleGroup ==== | ||
Zeile 97: | Zeile 97: | ||
<code java> | <code java> | ||
String gewählt = gewählterRadioButton.getText(); | String gewählt = gewählterRadioButton.getText(); | ||
- | \\ | ||
---- | ---- | ||
==== ListView ==== | ==== ListView ==== | ||
Zeile 124: | Zeile 123: | ||
<code java> | <code java> | ||
int Zahl = Integer.parseInt(s);</ | int Zahl = Integer.parseInt(s);</ | ||
- | \\ | ||
---- | ---- | ||
==== ComboBox ==== | ==== ComboBox ==== | ||
Zeile 149: | Zeile 147: | ||
Um automatisch auf eine Eingabe oder Auswahl in einer ComboBox reagieren zu können, erstellt man im Objekt-Inspector eine Ereignismethode für //action//. | Um automatisch auf eine Eingabe oder Auswahl in einer ComboBox reagieren zu können, erstellt man im Objekt-Inspector eine Ereignismethode für //action//. | ||
- | \\ | ||
---- | ---- | ||
==== Spinner ==== | ==== Spinner ==== | ||
Zeile 159: | Zeile 156: | ||
Zur Laufzeit kann man mit der Methode getValue() den aktuellen Wert abfragen: | Zur Laufzeit kann man mit der Methode getValue() den aktuellen Wert abfragen: | ||
<code java> | <code java> | ||
- | \\ | ||
---- | ---- | ||
==== Canvas ==== | ==== Canvas ==== | ||
Zeile 190: | Zeile 186: | ||
Mit einer MenuBar-Komponente kann man eine Menüleiste erstellen. Die Menüleiste zeigt die Menüs (Menu-Komponenten) an, die ihr zugeordnet werden. | Mit einer MenuBar-Komponente kann man eine Menüleiste erstellen. Die Menüleiste zeigt die Menüs (Menu-Komponenten) an, die ihr zugeordnet werden. | ||
- | \\ | ||
---- | ---- | ||
==== Menu ==== | ==== Menu ==== | ||
Zeile 198: | Zeile 193: | ||
Für jeden Menübefehl erzeugt der Java-Editor eine zugehörige Ereignismethode. | Für jeden Menübefehl erzeugt der Java-Editor eine zugehörige Ereignismethode. | ||
- | \\ | ||
---- | ---- | ||
==== ContextMenu ==== | ==== ContextMenu ==== | ||
Zeile 216: | Zeile 210: | ||
Im Objekt-Inspektor gibt man unter // | Im Objekt-Inspektor gibt man unter // | ||
- | \\ | ||
---- | ---- | ||
==== SplitMenuButton ==== | ==== SplitMenuButton ==== | ||
Zeile 222: | Zeile 215: | ||
Im Objekt-Inspektor gibt man unter // | Im Objekt-Inspektor gibt man unter // | ||
- | \\ | ||
---- | ---- | ||
=====JavaFX Controls===== | =====JavaFX Controls===== | ||
Zeile 240: | Zeile 232: | ||
progressBar1.setProgress(0.3); | progressBar1.setProgress(0.3); | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== ProgressIndicator==== | ==== ProgressIndicator==== | ||
Zeile 248: | Zeile 239: | ||
progressIndicator1.setProgress(0.75); | progressIndicator1.setProgress(0.75); | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== ToolBar==== | ==== ToolBar==== | ||
Zeile 257: | Zeile 247: | ||
toolBar1.getItems().addAll(bNeu, | toolBar1.getItems().addAll(bNeu, | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== Separator==== | ==== Separator==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== ToggleButton==== | ==== ToggleButton==== | ||
Zeile 272: | Zeile 260: | ||
==== PasswordField==== | ==== PasswordField==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== ChoiceBox==== | ==== ChoiceBox==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Hyperlink==== | ==== Hyperlink==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== HTMLEditor==== | ==== HTMLEditor==== | ||
Zeile 293: | Zeile 278: | ||
{{: | {{: | ||
Eine WebView-Komponente kann die Webseite zu einer Internetadresse anzeigen. Im Attribut //URL// des Objekt-Inspektors gibt man die Internetadresse mit Protokoll an, z.B. http:// | Eine WebView-Komponente kann die Webseite zu einer Internetadresse anzeigen. Im Attribut //URL// des Objekt-Inspektors gibt man die Internetadresse mit Protokoll an, z.B. http:// | ||
- | \\ | ||
---- | ---- | ||
==== ColorPicker==== | ==== ColorPicker==== | ||
Zeile 310: | Zeile 294: | ||
LocalDate d = datePicker1.getValue(); | LocalDate d = datePicker1.getValue(); | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== Pagination==== | ==== Pagination==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== FileChooser==== | ==== FileChooser==== | ||
Zeile 366: | Zeile 348: | ||
File d = directoryChooser1_openDirectory(); | File d = directoryChooser1_openDirectory(); | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== ImageView==== | ==== ImageView==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== MediaView==== | ==== MediaView==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== TableView==== | ==== TableView==== | ||
Zeile 381: | Zeile 360: | ||
Im Attribut // | Im Attribut // | ||
Im Attribut // | Im Attribut // | ||
- | \\ | ||
---- | ---- | ||
=====JavaFX Shapes===== | =====JavaFX Shapes===== | ||
Zeile 398: | Zeile 376: | ||
} | } | ||
</ | </ | ||
- | \\ | ||
---- | ---- | ||
==== Rectangle ==== | ==== Rectangle ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Ellipse ==== | ==== Ellipse ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Polygon==== | ==== Polygon==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Polyline==== | ==== Polyline==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Arc ==== | ==== Arc ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Line ==== | ==== Line ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== Text ==== | ==== Text ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== QuadCurve ==== | ==== QuadCurve ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== CubicCurve ==== | ==== CubicCurve ==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- | ||
==== SVGPath==== | ==== SVGPath==== | ||
{{: | {{: | ||
- | \\ | ||
---- | ---- |
de/javafx.txt · Zuletzt geändert: 2023/02/25 20:07 von roehner