Fluent UI mühelos in Ihren 4D-Anwendungen einsetzen

Mit 4D 21 R2 bleibt Fluent UI weiterhin in der Entwicklervorschau, erreicht jedoch einen neuen Meilenstein mit einer vollständigen nativen Integration direkt in 4D. Obwohl es sich noch in der Vorschau befindet, lässt es sich nun einfacher aktivieren, konfigurieren und bereitstellen und ist nicht mehr auf externe Abhängigkeiten angewiesen. Ihre Anwendungen erhalten sofort eine moderne Oberfläche, die mit Windows 11 kompatibel ist, ohne dass zusätzliche Einstellungen für Ihre Benutzer erforderlich sind.

Und für Sie als Entwickler ist die Verbesserung sogar noch bedeutender. Fluent UI lässt sich einfacher aktivieren, flexibler konfigurieren und einfacher bereitstellen. Sie erhalten neue Tools und Optionen, die sich nahtlos in Ihren Workflow einfügen und gleichzeitig einen reibungslosen und kontrollierten Übergang zur neuen Benutzeroberfläche ermöglichen.

Vollständige Integration in 4D

Fluent UI ist nun Teil von 4D selbst und direkt in das Produkt integriert. Es sind keine komplexen Einstellungen oder externe Frameworks mehr erforderlich.

Auf der Entwicklerseite

Bei der Installation von 4D 21 R2 auf dem Entwicklerrechner schlägt 4D möglicherweise vor, das Windows App SDK herunterzuladen, das für die Aktivierung von Fluent UI während der Entwicklung erforderlich ist.

Wenn das Windows App SDK bereits auf dem Rechner vorhanden ist, kann dieser Installationsschritt übersprungen werden. Ab Windows 11 25H2 wird das Windows App SDK direkt mit dem Betriebssystem installiert oder aktualisiert.

In nur wenigen Minuten ist die Entwicklungsumgebung für die Verwendung von Fluent UI bereit, ohne dass zusätzliche Konfigurationen erforderlich sind.

Auf der Seite der Anwendungsbereitstellung

Diese native Integration vereinfacht auch die Bereitstellung Ihrer Anwendungen erheblich.

Mit 4D 21 R2 können Sie entscheiden, ob das Windows App SDK direkt in die generierte Anwendung eingebettet werden soll. Diese Entscheidung bestimmt, wie sich Fluent UI auf den Rechnern der Endbenutzer verhält, unabhängig von der Entwicklerkonfiguration.

• Wann sollte das SDK eingebunden werden?
  Binden Sie das SDK ein, um sicherzustellen, dass Ihre Anwendung Fluent UI unabhängig von der Konfiguration des Rechners verwendet. Auf dem Rechner des Benutzers ist keine Installation erforderlich. Es funktioniert sofort.
• Wann sollte das SDK nicht eingebunden werden?
  Wenn Sie das SDK nicht einbinden, bleibt Ihre bereitgestellte Anwendung schlanker, aber es kann eine Installation auf den Client-Rechnern erforderlich sein, wobei Support oder administrative Eingriffe zur Vorbereitung der Umgebung notwendig sind.

 

So konfigurieren Sie Fluent UI beim Erstellen

Im Dialogfeld „Anwendung erstellen” wird Fluent UI nun in der Liste der optionalen Module angezeigt. Hier können Sie entscheiden, ob Sie das SDK einbinden oder ausschließen möchten. Es ist standardmäßig aktiviert, aber Sie können es deaktivieren, wenn Ihre Anwendung zu 100 % klassisch bleiben muss. In allen Fällen bleibt die Bereitstellung einfach, ohne externe Abhängigkeiten, die verwaltet werden müssen, und mit einer vollkommen reibungslosen Benutzererfahrung.

Wenn beim Start der Anwendung die Systemkonfiguration die Aktivierung von Fluent UI nicht zulässt, wechselt die Anwendung automatisch in den klassischen Modus. Es wird keine Fehlermeldung angezeigt, sondern nur eine Warnzeile zum Diagnoseprotokoll hinzugefügt. Dies gewährleistet ein vorhersehbares, robustes und vollständig transparentes Verhalten für Ihre Benutzer.

Überprüfen, ob Ihre Anwendung Fluent UI verwendet

4D 21 R2 erweitert den Befehl „ Application info “, um Ihnen ein klares Feedback zum Fluent UI-Status in Ihrer Anwendung zu geben.

var $useFluentUI; $canUseFluentUI : Boolean
$useFluentUI:=Application info.useFluentUI
$canUseFluentUI:=Application info.canUseFluentUI

Auf diese Weise können Sie feststellen, ob die Anwendung tatsächlich Fluent UI verwendet und ob die Umgebung dies unterstützt. Dies ist ideal für die Diagnose und Verbesserung Ihrer Protokollierung oder Ihres Benutzer-Supports.

Neue CSS-Medienabfrage

4D hat CSS-Medienabfragen mit „prefers-color-scheme” eingeführt, um den Hell- und Dunkelmodus zu verwalten. Mit 4D 21 R2 geht die Plattform noch einen Schritt weiter und bietet eine neue Medienabfrage namens „form-theme”, die speziell für das Erscheinungsbild des Formulars (klassisch oder Fluent UI) vorgesehen ist.

Mit dieser Medienabfrage können Sie Stile basierend auf dem Thema des Formulars anwenden:

@media (form-theme: win-classic) {
	...
}
 
@media (form-theme: fluent-ui) {
	...
	}
	@media (prefers-color-scheme: dark) {
		... 
	}
}

Diese Flexibilität ist besonders wertvoll, wenn Sie Ihre Formulare schrittweise auf Fluent UI umstellen. Sie können Ihre bestehenden Stile für klassische Formulare beibehalten und gleichzeitig nach und nach neue Stile einführen, die für das neue Design optimiert sind. Jedes Formular kann unabhängig weiterentwickelt werden, was einen reibungslosen Übergang ermöglicht, ohne den Rest Ihrer Anwendung zu beeinträchtigen.

Moderne und einheitliche 4D-Dialoge

Die Modernisierung der 4D-Dialoge hat begonnen. Die folgenden Befehle zeigen nun Fenster im Fluent UI-Design an, wenn die Datenbank für Fluent UI konfiguriert ist:

• ALERT
• CONFIRM
• REQUEST
• MESSAGE

Und das ist noch nicht alles! Das Fenster der Rechtschreibprüfung hat nun das gleiche Aussehen wie das Fenster, in dem es geöffnet wurde.

Dies bietet Ihren Benutzern eine konsistente und nahtlose Erfahrung in der gesamten Anwendung.

Abschließende Gedanken

Mit 4D 21 R2 bleibt Fluent UI in der Entwicklervorschau und erreicht gleichzeitig eine neue Ebene der nativen Integration auf Plattformebene. Die Aktivierung ist einfacher, die Bereitstellung flexibler, die CSS-Funktionen wurden erweitert und mehr Dialoge verwenden nun ein modernes Fluent UI-Design.

Diese Version bietet Entwicklern eine solide und kohärente Grundlage, um Fluent UI in realen Anwendungen zu erkunden, zu testen und schrittweise einzuführen, während die vollständige Kompatibilität mit bestehenden Schnittstellen erhalten bleibt.

Und das Beste daran: Sie können in Ihrem eigenen Tempo vorgehen, Formular für Formular, ohne Ihre bestehenden Schnittstellen zu beeinträchtigen. Ein reibungsloser Übergang zu Fluent UI, ganz im Sinne von 4D.