Composants IU
La disposition des différents composants dans une définition d'interface utilisateur est contrôlée par des composants de mise en page. Ces derniers forment des conteneurs dans lesquels des composants tels que des champs de texte ou des listes déroulantes sont placés et disposés en fonction du type de disposition du conteneur. De plus, la liaison des propriétés des composants avec les propriétés de la source de données est définie, ce qui comprend également la visibilité, la validation et la conversion.
Expérience semblable à celle d'un ordinateur de bureau
Offrez aux applications basées sur un navigateur l'aspect et la convivialité d'une application de bureau native : confortable, ergonomique et élégante.
Portable
Ajoutez la prise en charge des smartphones, des tablettes ou des scanners de données mobiles, etc. dans un environnement de développement unique, en fournissant divers modèles, arborescences de navigation, menus, tables et actions spécifiques aux mobiles, comme sur tout environnement de bureau.
Des applications à l'épreuve du temps
Exploitez l'omniprésence de la plate-forme HTML5 pour être prêt pour l'avenir, les exigences à venir étant indépendantes des plates-formes mobiles spécifiques.
Composants
Les composants suivants de l'interface utilisateur peuvent être utilisés dans n'importe quelle vue de l'interface utilisateur : étiquette, zone de texte, champ de texte, champ de date, champ décimal, formulaire, champ numérique, champ de référence, champ de recherche, champ de recherche, panneau de recherche, bouton, case à cocher, liste déroulante, image, sélection liste, groupe d'options, tableau, tableau, barre de progression, splitter, tableau, feuille à onglet.
Indépendant du framework
Créez une structure abstraite pour votre interface utilisateur sans aucune dépendance à une implémentation concrète, que ce soit pour le bureau ou pour une utilisation mobile. Ceci sera interprété au moment de l'exécution par différents moteurs de rendu, par exemple Vaadin IU, Vaadin Touchkit pour mobile, SWT et d'autres.
Liaison de propriétés
Liez les sources de données nécessaires aux composants de l'interface utilisateur et déterminer comment les objets de données sont mappés aux composants. Il fonctionne même pour les collections, par exemple, lier une à plusieurs relations à un composant de table avec une seule ligne de définition. Reliez les composants entre eux et laissez p.ex. l'élément sélectionné d'une liste apparaître dans un autre champ de texte sans aucun code. Tandis que les changements de valeur des propriétés sont propagés à d'autres propriétés, la validation et la conversion peuvent être définies.
Mise en page
Sélectionnez la façon dont les composants doivent être disposés, en choisissant parmi les types de mise en page tels que la mise en page verticale, horizontale, en grille ou de formulaire. Déterminez comment les composants sont positionnés à l'intérieur des plans - selon le type de plan du conteneur, réactif ou absolu. Emboîtez n'importe quel type de mise en page dans un autre pour créer des interfaces utilisateur ergonomiques.
Câblage automatique
Définissez simplement une source de données et laissez le moteur de règles de câblage automatique sélectionner les composants d'interface utilisateur appropriés et les lier en utilisant la liaison de propriéts. Le moteur de règles déduira le placement des composants des métadonnées de la source de données. Les groupes de composants visuels d'une vue proviennent automatiquement des DTO imbriqués, d'entités dérivées (sous-classées) ou de groupes d'attributs d'entités. Par exemple : d'une entité "Produit" deux autres spécialisations : Les "médicaments" avec un attribut supplémentaire "sur ordonnance" et les "denrées périssables" avec l'attribut supplémentaire "utilisation optimale" seront placés dans 2 panneaux différents : l'un indiquant les données "Produit" et, le cas échéant, un autre indiquant l'attribut spécialisé respectif du type de produit actuellement affiché.
Mise en page automatique
La fonctionnalité de mise en page automatique fournira une mise en page imbriquée appropriée pour les vues de l'interface utilisateur en utilisant des règles définies dans une DSL spécialisée.
Visibilité
Dans le cadre de la logique applicative, un processeur de visibilité détermine le degré d'interaction de l'utilisateur avec les composants. Cette fonction peut aider à focaliser l'attention de l'utilisateur, à réduire les grands formulaires à l'essentiel ou à éviter les changements non désirés. Le processeur de visibilité contrôle divers attributs des composants de l'interface utilisateur : en lecture seule, désactivé ou visible. Les règles de contrôle d'un attribut peuvent être définies et liées à un composant de l'interface utilisateur.
Style et format
Les styles définissent un ensemble d'attributs de présentation à l'aide d'une feuille de style en cascade (CSS). Vous pouvez attribuer un style variationnel à chaque composant de l'interface utilisateur ou des modèles complets contenant des composants pour améliorer la lisibilité ou attirer l'attention. Certains composants tels que les champs décimaux ou textuels peuvent contenir des informations de format supplémentaires : par exemple, définir la précision décimale et la saisie de texte masqué.
Editeur WYSIWIG
Prévisualisez la disposition des composants de l'interface utilisateur pendant la modélisation dans la vue IDE.