Aperçu rapide

Le canevas définit la structure globale et l'apparence d'un ShoutOut de mise en page dynamique. Il sert de conteneur pour les cadres et les widgets, contrôlant la façon dont le ShoutOut est dimensionné, positionné et affiché à l'écran.

Cet article explique comment styliser et configurer le canvas, y compris le comportement de la mise en page, l'espacement, le positionnement, les paramètres du bouton de fermeture et la navigation des éléments.

Style du canevas

Vous pouvez personnaliser l'apparence visuelle du canevas à partir de l'onglet Style dans le sac de propriétés.

Vous pouvez configurer :

• Rayon de coin
• Largeur et couleur de la bordure
• Couleur de remplissage

Canvas Shadow

Vous pouvez ajouter une ombre au canevas pour créer une séparation visuelle de l'arrière-plan. Les options prédéfinies suivantes sont disponibles :

• Aucun
• Soft
• Régulier
• Rétro

Les valeurs de rayon de coin peuvent être appliquées uniformément ou configurées individuellement pour chaque coin.

Mise en page et dimensionnement

La mise en page du canevas détermine la façon dont le ShoutOut s'adapte à son contenu.

Comportement de dimensionnement

• La largeur du canevas peut être redimensionnée en la faisant glisser directement sur le canevas ou en saisissant des valeurs dans le sac de propriétés
• La hauteur du canevas s'ajuste automatiquement en fonction de la quantité de contenu
• Seule la largeur du canevas peut être redimensionnée manuellement

Espacement interne

L'espacement interne contrôle la distance entre les bords de la toile et les cadres à l'intérieur.

Pour ajuster l'espacement interne :

• Sélectionnez le canvas
• Mettez à jour les valeurs d'espacement dans le sac de propriétés

Par défaut, la même valeur d'espacement est appliquée à tous les côtés. Pour définir différentes valeurs par côté :

• Sélectionnez l'icône des bordures
• Ajuster les valeurs latérales individuelles

Les indicateurs d'espacement apparaissent directement sur le canevas à mesure que vous apportez des modifications.

Position du canevas

La position du canevas à l'écran est configurée à partir du sac de propriétés.

Vous pouvez :

• Sélectionnez l'une des positions à l'écran par défaut
• Activez le bouton de position personnalisée pour définir les valeurs de placement exactes

La position du canevas ne peut pas être ajustée directement à partir du canevas.

Paramètres du bouton de fermeture

Le bouton Fermer permet aux utilisateurs de rejeter le ShoutOut et peut être entièrement personnalisé.

Afficher ou masquer

• La désactivation du bouton Afficher le bouton de fermeture cache le bouton Fermer du canevas
• Pour l'afficher à nouveau, passez la souris sur l'emplacement du bouton Fermer, sélectionnez-le et réactivez le bouton

Styles

Vous pouvez personnaliser le bouton Fermer à partir de l'onglet Style, y compris :

• Taille et couleur de l'icône
• Rayon du bouton et couleur de remplissage
• Largeur et couleur de la bordure

Taille et position

• Redimensionnez le bouton Fermer directement sur le canevas
• Modifiez la position du bouton dans le coin supérieur droit ou supérieur gauche à partir de l'onglet Mise en page

Arbre des éléments

L'arbre des éléments fournit une vue hiérarchique de tous les composants et les couches dans le concepteur visuel.

Pour ouvrir l'arbre des éléments :

• Sélectionnez l'icône des calques

L'utilisation de l'arbre des éléments vous permet :

• Naviguez rapidement entre les éléments
• Sélectionnez et modifiez les composants imbriqués plus facilement
• Gérer les mises en page complexes avec plus de contrôle

Notes techniques

• La hauteur du canevas est déterminée automatiquement par le contenu
• La largeur du canevas est la seule dimension qui peut être redimensionnée manuellement