Modernisez vos interfaces 4D avec Fluent UI

En coulisses, un important travail d’ingénierie a été réalisé pour intégrer l’interface Fluent UI en natif dans 4D. Cela signifie que les formulaires 4D peuvent désormais être affichés en utilisant le système de design Fluent UI de Microsoft, le même style visuel moderne qui définit Windows, Office et Teams. 4D est l’un des premiers environnements de développement à offrir une intégration WinUI native, permettant aux développeurs d’apporter l’expérience Fluent UI authentique à leurs applications de bureau. Côté client, la transition ne pourrait pas être plus simple. Il suffit d’activer le rendu Fluent UI dans les paramètres de votre projet et de faire quelques ajustements mineurs dans la mise en page de vos formulaires pour profiter du nouveau look moderne.

Cette intégration profonde marque l’une des évolutions clés de 4D 21, qui introduit le rendu Fluent UI comme une nouvelle façon d’afficher vos formulaires en utilisant l’interface graphique moderne de Microsoft. Jusqu’à présent, vos formulaires étaient affichés en utilisant le style classique familier de Windows. Désormais, vous pouvez choisir entre le style classique et le style épuré de Fluent UI, afin d’aligner votre application sur les attentes des utilisateurs modernes. Cette flexibilité vous permet d’adapter vos applications aux attentes de vos utilisateurs, tout en gardant le contrôle sur le rythme auquel vous modernisez vos interfaces.

Fluent UI est disponible en tant que Developer Preview dans 4D 21 Beta mais ne sera pas inclus dans la version finale. Cependant, les développeurs pourront continuer à tester et à expérimenter cette technologie à partir de 4D 21 R2.

Interface utilisateur fluide : Le système de design moderne de Microsoft

Fluent UI est le système de design qui alimente les applications Microsoft telles que Windows, Office et Teams. Son objectif est d’offrir une expérience visuelle cohérente, élégante et agréable.

Selon la documentation de Fluent UI, ce système repose sur quelques principes clés :

• Simplicité et clarté : hiérarchie visuelle claire, typographie lisible et utilisation équilibrée de l’espace.
• Profondeur et lumière : ombres subtiles et effets de transparence pour une sensation de modernité.
• Fluidité : animations qui guident l’utilisateur sans ralentir la navigation.
• Adaptabilité : prise en charge native des thèmes clairs et foncés ainsi que des écrans haute résolution.
• Cohérence : une expérience unifiée à travers l’écosystème de Microsoft.

 

En bref, Fluent UI n’est pas seulement une nouvelle apparence mais une véritable philosophie de conception qui rend les applications plus agréables, plus modernes et plus intuitives.

WinUI 3 : la technologie pour les applications de bureau

Pour les applications de bureau Windows, Fluent UI est implémentée via WinUI 3, qui fait partie du Windows App SDK.

C’est cette technologie que 4D intègre désormais, vous permettant d’apporter un look moderne avec le support du mode sombre à vos formulaires tout en préservant la stabilité de vos applications existantes.

Un aperçu visuel

Comment activer Fluent UI dans 4D

Tout d’abord, vous devez installer la version 1.7.3 du Windows App SDK. Si le SDK n’est pas installé, 4D affichera automatiquement le formulaire en utilisant le style classique sans générer d’erreurs.

Ensuite, vous pouvez définir le style global de votre application dans les paramètres du projet. Cette option est idéale si vous êtes prêt à adopter WinUI dans l’ensemble de votre projet.

 

Si vous préférez une transition progressive, chaque formulaire peut remplacer le paramètre global par le biais de la propriété « Widget Appearance ». L’option par défaut est « Inherited », qui suit le paramètre global de l’application. Vous pouvez également sélectionner explicitement « Classic » pour conserver le rendu traditionnel ou « Fluent UI » pour moderniser un formulaire spécifique qui est prêt.

Cela signifie que vous gardez le contrôle total de la transition. Vous pouvez basculer tout votre projet en une fois si vous êtes prêt, ou moderniser étape par étape en activant Fluent UI uniquement sur des formulaires sélectionnés.

Limitations actuelles (Developer Preview)

Certaines fonctionnalités ne sont pas encore supportées lors de l’utilisation du rendu Fluent UI :

• Installation automatique de WinUI pour le développement ou le déploiement
• WYSIWYG dans l’éditeur de formulaire
• Barre de menu qui est toujours affichée dans le style classique
• Widgets de la bibliothèque d’objets (tels que l’interface 4D Write Pro)
• Support des formulaires de liste
• Plugins

Résumé

Avec la possibilité de basculer entre le style classique de Windows et le style Fluent UI, 4D vous donne encore plus de liberté pour concevoir des interfaces sur mesure. Vous pouvez moderniser vos applications à votre rythme, selon vos priorités, tout en améliorant significativement l’expérience utilisateur. C’est l’une des raisons pour lesquelles la technologie 4D est si puissante à long terme. Vous n’avez pas besoin de repartir de zéro ou de faire face à des migrations complexes. Vous pouvez passer à une bibliothèque d’interface utilisateur moderne avec seulement une fraction de l’effort requis par d’autres technologies de bureau.

Un petit rappel : le rendu fluide de l’interface utilisateur est disponible en tant qu’aperçu pour les développeurs dans 4D 21 Beta, mais ne sera pas inclus dans la version finale. Vous pourrez cependant continuer à l’expérimenter dans 4D 21 R2.

Essayez le rendu Fluent UI dans vos formulaires 4D dès aujourd’hui, et n’hésitez pas à partager vos résultats avec la communauté sur le forum!