L'éditeur : conception et paramétrage des interfaces

L'éditeur PropBuilder permet de composer chaque écran à partir d'éléments graphiques et interactifs. Les propriétés sont accessibles depuis le panneau d'inspection et peuvent être ajustées avec précision.

Pages et overlays

Chaque écran est enregistré comme une page. Les pages peuvent être réorganisées et classées par dossiers. Les overlays permettent de maintenir certains éléments au-dessus de plusieurs pages, par exemple une barre d'état ou une navigation persistante.

Défilement

Une page peut dépasser la hauteur de l'écran. Le défilement peut être configuré avec une inertie et un effet d'élasticité afin de reproduire le comportement d'une interface mobile.

Composants

Formes

Rectangle, cercle, ellipse, triangle, étoile et ligne. Chaque forme peut être configurée avec une couleur, une bordure et un rayon d'angle.

Texte

Plusieurs modes de texte sont disponibles : texte statique, texte animé, saisie en direct et minuteur. Les propriétés typographiques incluent notamment la police, la taille, la graisse, l'alignement, la couleur et l'ombre.

Icônes

Bibliothèque d'icônes vectorielles pour les éléments d'interface, symboles, flèches et composants graphiques. Les icônes peuvent être redimensionnées et recolorées sans perte de qualité.

Images

Importez des images depuis votre poste de travail ou par glisser-déposer. Les images peuvent être recadrées selon différentes formes et recevoir un niveau de flou configurable.

Vidéo

Les vidéos sont préparées directement dans le navigateur. Une image de première frame est générée automatiquement et la lecture peut être configurée en boucle, en lecture automatique ou sans son.

Audio

Deux modes de déclenchement permettent d'intégrer des sons à une interface : une zone interactive visible, ou une source audio invisible pilotée par un autre élément ou par un raccourci clavier.

Caméra

Le composant caméra affiche en temps réel le flux de la caméra de l'appareil. Le flux est utilisé uniquement pour l'affichage dans l'interface et n'est ni enregistré ni transmis.

Conteneurs

Les conteneurs regroupent plusieurs éléments afin de les déplacer, les transformer ou les animer comme un ensemble. Leur contenu peut également être soumis à une zone de défilement.

Notifications

Le composant notification reproduit les notifications temporaires d'une interface : titre, message, icône, horodatage, durée et position d'apparition.

Déclencheurs

Les zones interactives ajoutent des comportements à n'importe quel élément sans modifier son apparence. Elles peuvent déclencher une navigation, une action, un son ou l'apparition d'un autre élément.

Manipulation

Déplacement avec guides magnétiques, redimensionnement, rotation, sélection multiple, groupement et verrouillage. Les raccourcis clavier usuels sont pris en charge, ainsi que le déplacement au pixel près.

Panneau Propriétés

Le panneau d'inspection adapte ses contrôles à l'élément sélectionné. Les propriétés générales comprennent la position, les dimensions, la rotation et l'opacité, ainsi que les paramètres spécifiques à chaque composant.

Interactions et animations

Les interactions peuvent déclencher une navigation, afficher ou masquer un élément, lancer un son ou produire une notification. Les gestes, délais, animations d'entrée et transitions permettent de construire des séquences entièrement scénarisées.

Modèles et bibliothèque

Les pages peuvent être enregistrées comme modèles et réutilisées dans plusieurs projets. Les images, vidéos et sons sont centralisés dans une médiathèque accessible depuis l'éditeur.

Pour aller plus loin