Verwendung des Scene Builder in JavaFX

1. Verwendung von den Scene Builder in JavaFX
2. Wichtige Features und Funktionen des Scene Builder in JavaFX

JavaFX ist eine Softwareentwicklungsplattform zum Erstellen und Bereitstellen hochwertiger Desktop- oder Webanwendungen mit einer hochwertigen grafischen Benutzeroberfläche. Mit der Unterstützung von CSS wird die GUI (Graphical User Interface) intelligenter und enthält ein hochwertiges Look and Feel.

Es basiert auf Java. Die auf der Grundlage von JavaFx erstellte Anwendung ist also plattformübergreifend und unterstützt eine Umgebung mit einer Java Virtual Machine.

Die GUI wird von FXML in JavaFx beschrieben und kann extern an den Controller-Code angehängt werden. Das macht es einfach, die GUI zu modifizieren.

FXML ist eine XML-basierte Auszeichnungssprache. Dieser Artikel zeigt ein erstaunliches Tool zum Erstellen einer GUI in JavaFX.

Verwendung von den Scene Builder in JavaFX

Bei der Arbeit mit JavaFX können wir verschiedene Komponenten der Benutzeroberfläche (UI) manuell durch Codierung zeichnen oder erstellen. Es gibt jedoch eine einfache Möglichkeit, eine GUI ohne Codierung zu generieren.

Mit dem von Oracle entwickelten JavaFX Scene Builder können Sie Benutzeroberflächen einfach per Drag & Drop erstellen. Dieses erstaunliche Tool generiert die Controller-Klasse automatisch.

Sie können dieses Tool von der offiziellen ORACLE-Website herunterladen und installieren. Lassen Sie uns einige Funktionen des Scene Builder Tools besprechen.

Werfen wir zunächst einen Blick auf die Benutzeroberfläche des unten geteilten Scene Builder-Tools:

Auf der linken Seite sehen Sie eine UI-Komponentenauswahl unter verschiedenen Unterkategorien wie Container, Steuerelemente, Verschiedenes, Formen, Diagramme, 3D usw. Sie können Ihre erforderliche UI-Komponente finden, indem Sie die richtige Unterkategorie Ihrer Komponente auswählen.

Auf der unteren linken Seite können Sie Ihre UI-Struktur anzeigen. Auf der rechten Seite sehen Sie die Eigenschaften, über die Sie bestimmte UI-Komponenten konfigurieren können, und in der unteren rechten Ecke finden Sie das Layout und den Code für Ihre UI.

Wichtige Features und Funktionen des Scene Builder in JavaFX

Das Scene Builder-Tool enthält eine benutzerfreundliche Benutzeroberfläche, die die Verwendung vereinfacht. Außerdem können Sie einen Testlauf Ihres UI-Prototyps durchführen und die notwendigen Änderungen finden, die erforderlich sind, um ihn mit diesem Tool zu verbessern.

Im Folgenden werden einige Hauptmerkmale und Funktionen des Scene Builder-Tools erläutert.

UI-Layout-Tool

Mit diesem Scene Builder-Tool können Sie problemlos Layouts erstellen und verschiedene JavaFX-UI-Steuerelemente, Container, Diagramme und Formen erstellen. Es hilft Ihnen auch, den Prototyp der Benutzeroberfläche schnell zu generieren und verschiedene Animationen und Effekte auf die Benutzeroberfläche anzuwenden.

Visueller FXML-Editor

Mit dieser Funktion können Sie Ihre Benutzeroberfläche per Drag & Drop erstellen. Das Scene Builder-Tool generiert Ihre Benutzeroberfläche im FXML-Format, einer XML-basierten Auszeichnungssprache, mit der Benutzer eine Benutzeroberfläche für eine Anwendung definieren können.

Es ist nicht Teil der Anwendungslogik. Sie können Ihre UI-FXML-Datei bei Bedarf auch bearbeiten.

Integrierter Entwickler-Workflow

Sie können das Scene Builder-Tool mit anderen Java-fähigen IDEs wie NetBeans kombinieren. Sie können die Benutzeroberfläche in den Quellcode einschließen, der die Ereignisse und Aktionen abhängig von der Benutzeraktivität verarbeitet.

Sie können Ihre Anwendung von Ihrer IDE aus ausführen und das FXML-Tool von IDE oder Scene Builder ändern.

CSS-Unterstützung

JavaFX unterstützt CSS zum Gestalten und Bearbeiten von Komponenten der Benutzeroberfläche. Sie können diese CSS-Eigenschaften sowohl intern als auch extern einbinden.

Über das Scene Builder-Tool können Sie CSS einfach in den Eigenschaften auf der rechten Seite der Scene Builder-Benutzeroberfläche unterstützen.

Sie müssen nur eine Komponente auswählen und dann die erforderlichen Änderungen mithilfe von CSS im Bedienfeld Eigenschaften vornehmen. Der Scene Builder enthält einen CSS-Analysator, um die Änderungen zu visualisieren, die Sie an bestimmten UI-Komponenten vorgenommen haben.

Denken Sie daran, dass der Scene Builder ein plattformübergreifendes Tool ist, das für alle wichtigen Betriebssysteme wie Windows, macOS und Linux verfügbar ist.