Déployez Fluent UI sans effort dans vos applications 4D
Avec 4D 21 R2, Fluent UI reste en Developer Preview, mais franchit une nouvelle étape avec une intégration native complète directement dans 4D. Bien qu’il soit encore en préversion, il est désormais plus facile à activer, à configurer et à déployer, et ne dépend plus de dépendances externes. Vos applications adoptent instantanément une interface moderne compatible avec Windows 11, sans aucune configuration supplémentaire pour vos utilisateurs.
Et pour vous, en tant que développeur, l’amélioration est encore plus significative. Fluent UI devient plus facile à activer, plus flexible à configurer et plus simple à déployer. Vous bénéficiez de nouveaux outils et options qui s’intègrent naturellement dans votre flux de travail tout en offrant une transition fluide et contrôlée vers la nouvelle interface.
Améliorez votre interface de bureau avec des widgets Web en utilisant 4D Qodly Pro
Vous avez déjà voulu enrichir votre interface utilisateur avec des widgets connus des sites web, tels qu’une carte de navigation ? Pas en apprenant JavaScript et en manipulant CSS et HTML et en se battant pour faire passer des données entre ces deux mondes ?
Une nouvelle intégration entre Web Areas et 4D Qodly Pro vous permet de fournir des interfaces riches et dynamiques dans vos formulaires 4D tout en gardant toute votre logique d’entreprise dans 4D Server.
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.
Définir une icône différente pour chaque fenêtre
Nous sommes heureux d’annoncer une nouvelle fonctionnalité qui améliorera l’expérience de l’utilisateur dans les applications multi-fenêtres dans 4D 20 R7. Avec l’introduction de la commande SET WINDOW DOCUMENT ICON, vous avez désormais la possibilité de définir une icône pour chaque type de fenêtre, ce qui permet aux utilisateurs d’identifier et de naviguer plus facilement dans les différentes fenêtres.
Qodly Studio pour 4D : Interfaces utilisateur dynamiques avec les états de page
Avec 4D 20 R6, Qodly Studio for 4D a introduit une nouvelle fonctionnalité passionnante : Les états de page. Vous avez peut-être déjà lu notre précédent article, mais explorons ce qui rend cette fonctionnalité si précieuse pour les interfaces utilisateur dynamiques.
Imaginez des interfaces utilisateur qui s’adaptent instantanément aux différentes étapes ou contextes d’utilisation.
Voici quelques cas d’utilisation courants dans lesquels les états de page sont indispensables :
- Activer ou désactiver des composants en fonction des actions de l’utilisateur (par exemple, activer le bouton « Enregistrer » uniquement lorsque tous les champs obligatoires sont remplis).
- Passer d’un mode clair à un mode sombre par un simple click.
- Restreindre l’accès aux actions (lecture, mise à jour, etc.) en fonction des privilèges de l’utilisateur.
UX : Amélioration du comportement de défilement dans les sous-formulaires
Les formulaires utilisateur ont pour but de faciliter la tâche des utilisateurs. Mais que se passe-t-il lorsque le défilement devient une bataille entre les sous-formulaires et leur contenu ? Vous en avez probablement déjà fait l’expérience : vous essayez de faire défiler une zone de liste dans un sous-formulaire, mais c’est le sous-formulaire tout entier qui se déplace. Ou, pire encore, vous essayez de faire défiler le sous-formulaire lui-même, mais la zone de liste s’obstine à rester en place !
Ce problème a été amélioré avec 4D 20 R6, ce qui rend l’action plus naturelle.
4D Write Pro. Nouvelles options de section disponibles dans l’interface
Comme vous le savez, 4D Write Pro gère deux types de sections, continues ou avec des sauts de page.
Que vous préfériez des pages droites distinctes des pages gauches ou que vous souhaitiez que la page initiale se démarque des autres, ces possibilités étaient jusqu’à présent confinées à la programmation ou au menu contextuel. Mais un changement positif se profile à l’horizon : l’interface évolue !
Personnaliser l’apparence avec les nouveaux types de fenêtres
Avec 4D 20 R5 de nouvelles possibilités de personnalisation des applications, deux types de fenêtres supplémentaires offrent désormais des fenêtres modales ou non modales flexibles sans barre de titre. Cela signifie une liberté totale pour adapter l’apparence de votre application à vos spécifications exactes. Imaginez que vous puissiez redessiner la barre de titre pour qu’elle corresponde à l’esthétique que vous souhaitez, en intégrant des fonctions telles qu’une boîte de recherche personnalisée ou d’autres éléments de manière transparente.
Mais ce n’est pas tout ! Nous avons également introduit plusieurs nouvelles commandes conçues pour rationaliser votre processus de développement :
- Réduire une fenêtre dans la barre de titre sous Windows ou dans le dock sous macOS,
- Savoir si la fenêtre est réduite dans la barre de titre sous Windows ou dans le dock sous macOS,
- Savoir si la fenêtre est maximisée.
4D Write Pro : Des tableaux sans limite !
Depuis l’introduction des tableaux dans 4D Write Pro, de nombreuses nouvelles fonctionnalités ont été mises en place. Notamment les en-têtes, les pieds de page, les ruptures de tri et, bien sûr, la possibilité d’associer une source de données aux tableaux pour les remplir automatiquement !
Cette dernière option signifiait que le nombre maximum de lignes par tableau (1000) pouvait souvent être atteint. Nous en avons tenu compte et depuis 4D 20 R5, cette limite n’est plus fixée ni contrôlée par 4D Write Pro mais seulement limitée par la mémoire disponible !
Une classe pour faciliter la gestion de vos sous-formulaires
Sur le forum, plusieurs demandes, astuces ou questions ont été posées concernant l’affichage d’un message, d’un sablier ou de certains éléments d’interface au premier plan d’un formulaire tout en estompant le reste. Vous pouvez créer ce type d’interface avec des sous-formulaires et des formulaires d’appel. Le code peut être compliqué si vous travaillez avec un formulaire de plusieurs pages.
Pour vous faciliter la tâche, Vincent De Lachaux a préparé une classe qui simplifie la gestion des sous-formulaires affichés dans un formulaire multi-pages. Elle gère le chargement du sous-formulaire à la volée, son contrôle depuis un worker, et son repositionnement en cas de redimensionnement du formulaire principal. Vous pouvez ainsi vous concentrer sur vos dialogues sans vous soucier de la mécanique.
Nous contacter
Vous avez une question, une suggestion ou vous voulez simplement entrer en contact avec les blogueurs 4D ? Envoyez-nous un message !
* Votre vie privée est très importante pour nous. Veuillez cliquer ici pour consulter notre Politique