Modernisieren Sie Ihre 4D Oberflächen mit Fluent UI

Hinter den Kulissen wurden erhebliche technische Anstrengungen unternommen, um eine native Fluent UI Integration in 4D zu erreichen. Das bedeutet, dass 4D Formulare jetzt mit Microsofts Fluent UI Designsystem angezeigt werden können, dem gleichen modernen visuellen Stil, der auch Windows, Office und Teams definiert. 4D ist eine der ersten Entwicklungsumgebungen mit nativer WinUI-Integration, die es Entwicklern ermöglicht, das authentische Fluent UI-Erlebnis auf ihre Desktop-Anwendungen zu übertragen. Auf der Client-Seite könnte der Übergang nicht einfacher sein. Es genügt, das Fluent UI-Rendering in den Projekteinstellungen zu aktivieren und ein paar kleine Layout-Anpassungen in den Formularen vorzunehmen, um in den Genuss des neuen, modernen Looks zu kommen.

Diese tiefgreifende Integration ist eine der wichtigsten Neuerungen in 4D 21, mit der das Fluent UI Rendering als neuer Weg zur Darstellung Ihrer Formulare mit der modernen grafischen Oberfläche von Microsoft eingeführt wird. Bisher wurden Ihre Formulare im vertrauten klassischen Windows-Stil dargestellt. Jetzt können Sie zwischen dem vertrauten klassischen Aussehen und dem eleganten Fluent UI-Stil wählen, um Ihre Anwendung an die Erwartungen moderner Benutzer anzupassen. Diese Flexibilität ermöglicht es Ihnen, Ihre Anwendungen an die Erwartungen Ihrer Benutzer anzupassen und gleichzeitig die Kontrolle über das Tempo zu behalten, mit dem Sie Ihre Oberflächen modernisieren.

Fluent UI ist als Developer Preview in 4D 21 Beta verfügbar, wird aber nicht in der endgültigen Version enthalten sein. Entwickler können diese Technologie jedoch ab 4D 21 R2 weiter testen und ausprobieren.

Fließende Benutzeroberfläche: Microsofts modernes Gestaltungssystem

Fluent UI ist das Designsystem, das Microsoft-Anwendungen wie Windows, Office und Teams unterstützt. Sein Ziel ist es, ein konsistentes, elegantes und angenehmes visuelles Erlebnis zu bieten.

Laut der Fluent UI-Dokumentation basiert es auf einigen wichtigen Prinzipien:

• Einfachheit und Klarheit: klare visuelle Hierarchie, lesbare Typografie und ausgewogene Nutzung des Raums.
• Tiefe und Licht: subtile Schatten und Transparenzeffekte für ein modernes Gefühl.
• Fließende Bewegung: Animationen, die den Benutzer leiten, ohne die Navigation zu verlangsamen.
• Anpassungsfähigkeit: Native Unterstützung für helle und dunkle Themen sowie für hochauflösende Bildschirme.
• Kohärenz: ein einheitliches Erlebnis im gesamten Microsoft-Ökosystem.

Kurz gesagt: Fluent UI ist nicht nur ein neues Erscheinungsbild, sondern eine echte Designphilosophie, die Anwendungen angenehmer, moderner und intuitiver macht.

WinUI 3: die Technologie für Desktop-Anwendungen

Für Windows Desktop-Anwendungen wird Fluent UI durch WinUI 3 implementiert, das Teil des Windows App SDK ist.

Mit dieser Technologie, die 4D jetzt integriert, können Sie Ihren Formularen ein modernes Aussehen mit Unterstützung für den Dark Mode verleihen und gleichzeitig die Stabilität Ihrer bestehenden Anwendungen erhalten.

Eine visuelle Vorschau

So aktivieren Sie Fluent UI in 4D

Zunächst müssen Sie das Windows App SDK Version 1.7.3 installieren. Wenn das SDK nicht installiert ist, zeigt 4D das Formular automatisch im klassischen Stil an, ohne Fehler zu erzeugen.

Als nächstes können Sie den globalen Stil Ihrer Anwendung in den Projekteinstellungen festlegen. Diese Option ist ideal, wenn Sie WinUI für Ihr gesamtes Projekt übernehmen möchten.

Wenn Sie einen allmählichen Übergang bevorzugen, kann jedes Formular die globale Einstellung über die Eigenschaft „Widget-Erscheinungsbild“ außer Kraft setzen. Die Standardoption ist „Vererbt“, die der globalen Anwendungseinstellung folgt. Sie können auch explizit „Klassisch“ auswählen, um das traditionelle Rendering beizubehalten, oder „Fluent UI“, um ein bestimmtes Formular zu modernisieren, das bereits fertig ist.

Das bedeutet, dass Sie die volle Kontrolle über den Übergang behalten. Sie können Ihr gesamtes Projekt auf einmal umstellen, wenn Sie bereit sind, oder schrittweise modernisieren, indem Sie Fluent UI nur für ausgewählte Formulare aktivieren.

Aktuelle Beschränkungen (Developer Preview)

Einige Funktionen werden bei der Verwendung von Fluent UI Rendering noch nicht unterstützt:

• Automatische Installation von WinUI für die Entwicklung oder Bereitstellung
• WYSIWYG im Formulareditor
• Menüleiste, die noch im klassischen Stil dargestellt wird
• Widgets der Objektbibliothek (wie z. B. das 4D Write Pro Interface)
• Unterstützung für Listenformulare
• Plugins

Zusammenfassung

Mit der Möglichkeit, zwischen dem klassischen Windows-Stil und dem Fluent UI-Stil zu wechseln, gibt Ihnen 4D noch mehr Freiheit bei der Gestaltung maßgeschneiderter Oberflächen. Sie können Ihre Anwendungen in Ihrem eigenen Tempo und nach Ihren Prioritäten modernisieren und gleichzeitig die Benutzerfreundlichkeit deutlich verbessern. Und das ist eines der Dinge, die die 4D Technologie auf lange Sicht so leistungsstark machen. Sie müssen nicht bei Null anfangen oder komplexe Migrationen durchführen. Sie können mit einem Bruchteil des Aufwands, der bei anderen Desktop-Technologien erforderlich ist, auf eine moderne UI-Bibliothek umsteigen.

Nur zur Erinnerung: Fluent UI Rendering ist als Developer Preview in 4D 21 Beta verfügbar, wird aber nicht in der endgültigen Version enthalten sein. Sie können jedoch in 4D 21 R2 weiter damit experimentieren.

Probieren Sie das Fluent UI Rendering noch heute in Ihren 4D Formularen aus und zögern Sie nicht, Ihre Ergebnisse mit der Community im Forum zu teilen!