Boîte à outils de wireframe Dialogue

Les pages de la boîte à outils Diagramme « Dialogue Wireframing » fournissent les gabarits pour modélisation de la conception physique, de l'apparence et du fonctionnement d'un dialogue à l'écran. Vous pouvez voir et développer un exemple de modélisation le dialogue en faisant glisser l'icône « Dialogue Motif » sur un diagramme .

Example Dialog Wireframing diagram created in Sparx Systems Enterprise Architect

Accéder

Ruban	Design > Diagramme > Toolbox : > Spécifiez 'Wireframing - Dialogue ' dans la boîte de dialogue ' Trouvez Item de Boîte à Outils '
Raccourcis Clavier	Ctrl+Shift+3 : > Spécifiez 'Wireframing - Dialogue ' dans la dialogue ' Trouvez Item de Boîte à Outils '
Autre	Vous pouvez afficher ou masquer la boîte à outils Diagramme en cliquant sur les icônes ou à l'extrémité gauche de la barre de légende en haut de la Vue Diagramme .

Types d'écran

Item	Description	Voir aussi
Dialogue	Génère un élément qui représente un plan dialogue , avec un titre (le nom de l'élément). Celui-ci comporte plusieurs composants que vous pouvez exposer et définir dans l'élément ' Propriétés ' dialogue , certains en utilisant les Valeur Étiquetés de l'onglet 'Wireframing' de la page 'Général', et d'autres en utilisant la page 'Wireframe' du le dialogue . Valeur Étiquetés : Bouton Fermer - par défaut, la valeur est Vrai pour afficher une icône « Fermer dialogue » dans le coin supérieur droit du le dialogue ; cliquez sur la flèche déroulante et sélectionnez Faux pour omettre l'icône Bouton Maximiser - par défaut, la valeur est False pour omettre l'icône « Maximiser dialogue » dans le coin supérieur droit de le dialogue ; cliquez sur la flèche déroulante et sélectionnez True pour afficher l'icône Bouton Réduire - par défaut, la valeur est False pour omettre l'icône « Réduire la boîte dialogue » dans le coin supérieur droit de le dialogue ; cliquez sur la flèche déroulante et sélectionnez True pour afficher l'icône ScrollbarH - par défaut sur ' <none> ' pour omettre une barre de défilement horizontale dans le dialogue ; cliquez sur la flèche déroulante et sélectionnez « Bas » ou « Haut » pour afficher une barre de défilement dans la position correspondante ScrollbarV - par défaut sur ' <none> ' pour omettre une barre de défilement verticale dans le dialogue ; cliquez sur la flèche déroulante et sélectionnez « Gauche » ou « Droite » pour afficher une barre de défilement dans la position correspondante StatusBar - définir l'affichage de la Barre de Statut à l'aide de la page 'Wireframe' Icône utilisateur - saisissez le nom d'une icône exactement comme indiqué dans le gestionnaire d'images, pour afficher cette icône dans le coin supérieur gauche de le dialogue avant le nom le dialogue (élément) Page de maquette : S'affiche par défaut lorsque vous double-cliquez sur l'élément. Utilisez les options pour modifier la Barre de Statut en bas de le dialogue . Cliquez sur le nom de l'élément. Barre de zoom - par défaut sur Vrai pour afficher une barre de zoom à l'extrémité droite de la Barre de Statut ; cliquez sur la flèche déroulante et sélectionnez Faux pour omettre la barre de zoom Redimensionner la poignée - par défaut sur True pour afficher une icône de redimensionnement (triangle de points) dans le coin inférieur droit de la Barre de Statut ; cliquez sur la flèche déroulante et sélectionnez False pour omettre l'icône Cliquez sur « Étiquette » : cela définit le premier segment de la barre de progression à l'extrémité gauche de la Barre de Statut . Nom - si nécessaire, remplacez le texte par un autre nom pour la barre de progression ; ce texte n'est pas affiché mais le champ ne peut pas être vide Texte - si nécessaire, remplacez le texte par défaut par un texte différent à afficher à côté de la barre de progression Type - par défaut, « Texte » pour afficher la string contenue dans le champ « Texte » ; si nécessaire, cliquez sur la flèche déroulante et sélectionnez : - Barre de progression remplie - pour remplacer le texte par une barre partiellement remplie rectangle (pour représenter une section de la barre de progression avec une partie de traitement terminé), ou - Bloc Progress Bar - pour remplacer le texte par un rectangle contenant blocs (pour représenter une section de la barre de progression avec le traitement en cours action) Cliquez sur « Barre de progression » - cela définit un deuxième segment de la barre de progression. Les propriétés sont les mêmes que pour le premier segment, sauf qu'il n'y a pas de « Texte » par défaut et que le « Type » par défaut est « Rempli ». Si vous souhaitez ajouter un autre segment à la barre de progression, cliquez sur le nom de l'élément, cliquez sur le bouton Ajouter et indiquez un nom pour ce segment. Indiquez les valeurs des propriétés « Texte » et « Type » comme précédemment. Si vous souhaitez supprimer des segments de la barre de progression, cliquez sur le nom du segment, puis sur le bouton Supprimer. Si vous supprimez tous les segments ainsi que la « barre de zoom » et la « poignée de redimensionnement », la barre d'état elle-même est supprimée. Vous pouvez modifier la séquence des segments en cliquant sur le nom d'un segment et sur les boutons .	Utilisation du gestionnaire d'images
Espace Client	Génère un élément de cadre qui représente la zone client de l'appareil. Valeur Étiquetés : BorderStyle - cliquez sur la flèche déroulante et choisissez de restituer la bordure sous forme de ligne « pleine » ou de ligne « en pointillés », ou de ne pas avoir de bordure du tout (« Aucune ») Barre de défilementH - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement horizontale en « Haut » ou en « Bas » de la zone client, ou de ne pas avoir de barre de défilement horizontale (' <none> ') Barre de défilement V - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement verticale à « gauche » ou à « droite » de la zone client, ou de ne pas avoir de barre de défilement verticale (« <none> »)

Item

Description

Voir aussi

Dialogue

Génère un élément qui représente un plan dialogue , avec un titre (le nom de l'élément). Celui-ci comporte plusieurs composants que vous pouvez exposer et définir dans l'élément ' Propriétés ' dialogue , certains en utilisant les Valeur Étiquetés de l'onglet 'Wireframing' de la page 'Général', et d'autres en utilisant la page 'Wireframe' du le dialogue .

Valeur Étiquetés :

Bouton Fermer - par défaut, la valeur est Vrai pour afficher une icône « Fermer dialogue » dans le coin supérieur droit du le dialogue ; cliquez sur la flèche déroulante et sélectionnez Faux pour omettre l'icône
Bouton Maximiser - par défaut, la valeur est False pour omettre l'icône « Maximiser dialogue » dans le coin supérieur droit de le dialogue ; cliquez sur la flèche déroulante et sélectionnez True pour afficher l'icône
Bouton Réduire - par défaut, la valeur est False pour omettre l'icône « Réduire la boîte dialogue » dans le coin supérieur droit de le dialogue ; cliquez sur la flèche déroulante et sélectionnez True pour afficher l'icône
ScrollbarH - par défaut sur ' <none> ' pour omettre une barre de défilement horizontale dans le dialogue ; cliquez sur la flèche déroulante et sélectionnez « Bas » ou « Haut » pour afficher une barre de défilement dans la position correspondante
ScrollbarV - par défaut sur ' <none> ' pour omettre une barre de défilement verticale dans le dialogue ; cliquez sur la flèche déroulante et sélectionnez « Gauche » ou « Droite » pour afficher une barre de défilement dans la position correspondante
StatusBar - définir l'affichage de la Barre de Statut à l'aide de la page 'Wireframe'
Icône utilisateur - saisissez le nom d'une icône exactement comme indiqué dans le gestionnaire d'images, pour afficher cette icône dans le coin supérieur gauche de le dialogue avant le nom le dialogue (élément)

Page de maquette :

S'affiche par défaut lorsque vous double-cliquez sur l'élément. Utilisez les options pour modifier la Barre de Statut en bas de le dialogue .

Cliquez sur le nom de l'élément.

Barre de zoom - par défaut sur Vrai pour afficher une barre de zoom à l'extrémité droite de la Barre de Statut ; cliquez sur la flèche déroulante et sélectionnez Faux pour omettre la barre de zoom
Redimensionner la poignée - par défaut sur True pour afficher une icône de redimensionnement (triangle de points) dans le coin inférieur droit de la Barre de Statut ; cliquez sur la flèche déroulante et sélectionnez False pour omettre l'icône

Cliquez sur « Étiquette » : cela définit le premier segment de la barre de progression à l'extrémité gauche de la Barre de Statut .

Nom - si nécessaire, remplacez le texte par un autre nom pour la barre de progression ; ce texte n'est pas affiché mais le champ ne peut pas être vide
Texte - si nécessaire, remplacez le texte par défaut par un texte différent à afficher à côté de la barre de progression
Type - par défaut, « Texte » pour afficher la string contenue dans le champ « Texte » ; si nécessaire, cliquez sur la flèche déroulante et sélectionnez :
- Barre de progression remplie - pour remplacer le texte par une barre partiellement remplie
rectangle (pour représenter une section de la barre de progression avec une partie de
traitement terminé), ou
- Bloc Progress Bar - pour remplacer le texte par un rectangle contenant
blocs (pour représenter une section de la barre de progression avec le traitement en cours
action)

Cliquez sur « Barre de progression » - cela définit un deuxième segment de la barre de progression. Les propriétés sont les mêmes que pour le premier segment, sauf qu'il n'y a pas de « Texte » par défaut et que le « Type » par défaut est « Rempli ».

Si vous souhaitez ajouter un autre segment à la barre de progression, cliquez sur le nom de l'élément, cliquez sur le bouton Ajouter et indiquez un nom pour ce segment. Indiquez les valeurs des propriétés « Texte » et « Type » comme précédemment.

Si vous souhaitez supprimer des segments de la barre de progression, cliquez sur le nom du segment, puis sur le bouton Supprimer. Si vous supprimez tous les segments ainsi que la « barre de zoom » et la « poignée de redimensionnement », la barre d'état elle-même est supprimée.

Vous pouvez modifier la séquence des segments en cliquant sur le nom d'un segment et sur les boutons Up and down hand icons .

Utilisation du gestionnaire d'images

Espace Client

Génère un élément de cadre qui représente la zone client de l'appareil.

Valeur Étiquetés :

BorderStyle - cliquez sur la flèche déroulante et choisissez de restituer la bordure sous forme de ligne « pleine » ou de ligne « en pointillés », ou de ne pas avoir de bordure du tout (« Aucune »)
Barre de défilementH - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement horizontale en « Haut » ou en « Bas » de la zone client, ou de ne pas avoir de barre de défilement horizontale (' <none> ')
Barre de défilement V - cliquez sur la flèche déroulante et choisissez de placer une barre de défilement verticale à « gauche » ou à « droite » de la zone client, ou de ne pas avoir de barre de défilement verticale (« <none> »)

Contrôles

Item	Description	Voir aussi
Bouton	Génère un élément qui représente un bouton simple avec le nom de l'élément comme texte du bouton. Valeur Étiquetés : State - cliquez sur la flèche déroulante et sélectionnez un statut pour le bouton : - Normal - rectangle simple, pour un affichage normal où le bouton est juste disponible - Focalisé - une bordure intérieure en surbrillance, indiquant, par exemple, que le bouton est la sélection par défaut - Sélectionné - rectangle rempli, indiquant que le bouton est choisi - Désactivé - texte et bordure pâles, indiquant que le bouton est pas disponible
Case à cocher	Génère un élément de case à cocher étiqueté, le texte de l'étiquette étant le nom de l'élément. Valeur Étiquetés : State - cliquez sur la flèche déroulante et sélectionnez l'état à représenter - « Coché » (icône de coche) ou « Non coché » (contour de la case)
Bouton radio	Génère un élément de bouton radio étiqueté, le texte de l'étiquette étant le nom de l'élément. Valeur Étiquetés : State - cliquez sur la flèche déroulante et sélectionnez l'état à représenter - « Sélectionné » (rempli) ou « Non sélectionné » (contour)
Zone de liste déroulante	Génère un élément représentant une zone de liste déroulante. Valeur Étiquetés : DropDownState - cliquez sur la flèche déroulante et sélectionnez « Ouvrir » pour représenter la zone de liste déroulante utilisée, affichant toutes les valeurs, ou « Fermé » pour représenter la zone de liste déroulante avec une seule valeur sélectionnée Items - cliquez sur la flèche déroulante et sélectionnez l'élément à représenter comme étant actuellement sélectionné dans la zone de liste déroulante et, si la liste des éléments est développée, mis en surbrillance dans la liste Vous pouvez modifier le texte des éléments et ajouter ou supprimer des éléments dans la liste en modifiant la liste « Valeurs : » dans les notes Valeur Étiquetée	Attribuer Notes à une Valeur Étiquetée
Étiquette	Génère un élément de texte d'étiquette, sur lequel le texte d'étiquette est le nom de l'élément. Valeur Étiquetés : Aligner le texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, au centre ou à droite du cadre de l'élément Multiligne - cliquez sur la flèche déroulante et sélectionnez Vrai pour permettre au texte de s'enrouler sur plusieurs lignes (augmentant automatiquement la profondeur de l'élément), ou Faux pour afficher uniquement le texte qui tient sur une ligne dans la largeur de l'élément actuel
Liste	Génère un élément de zone de liste. Valeur Étiquetés : Items - cliquez sur la flèche déroulante et sélectionnez l'élément à afficher en surbrillance dans la liste Vous pouvez ajouter, supprimer et renommer des éléments en modifiant la liste « Valeurs : » dans les Notes Valeur Étiquetés . Type de liste - cliquez sur la flèche déroulante et sélectionnez l'affichage de la liste sous la forme « Simple », « Numérotée » ou « À puces »
Tableau	Génère un élément Tableau avec des colonnes, des lignes et des cellules étiquetées. Double-cliquez sur le tableau pour afficher la dialogue « Propriétés » de l'élément sur la page « Wireframe », qui fournit les facilités d'édition du tableau (ajout, renommage et suppression de colonnes et de lignes, modification de la largeur des colonnes et édition du texte des cellules) via des options et des boutons du menu contextuel. Note que l'éditeur ne fournit pas une image réelle de l'apparence du tableau à l'écran. Valeur Étiquetés : Tracer des lignes - cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher les lignes horizontales et verticales entre les cellules tableau , ou Faux pour masquer les lignes Mettre en surbrillance les en-têtes - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance l'en-tête de chaque colonne, ou Faux pour laisser les colonnes tableau d'une couleur uniforme
Image	Génère un espace réservé pour indiquer où une image sera placée sur le téléphone ou la tablette. Vous pouvez afficher une image réelle en attribuant une image alternative à l'élément.	Utilisation du gestionnaire d'images

Commandes Dialogue

Item	Description	Voir aussi
Liste de cases à cocher	Génère un élément représentant une liste de contrôle où chaque élément a une case à cocher sur le côté gauche. Double-cliquez sur le tableau pour afficher la dialogue « Propriétés » de l'élément sur la page « Wireframe », que vous utilisez pour gérer cet élément. Pour chaque élément « Case à cocher », remplissez ces champs : Nom - saisissez le nom ou le texte de l'élément Coché - cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher une case à cocher cochée pour l'élément, ou Faux pour afficher une case à cocher décochée Pour ajouter un autre élément à la liste, cliquez sur le nom de l’élément et sur le bouton Ajouter, puis indiquez un nom pour l’élément. Pour supprimer un élément de la liste, cliquez sur l'élément et sur le bouton Supprimer. Vous pouvez modifier la séquence des éléments en cliquant sur le nom d'un élément et sur les boutons .
Barre de format	Génère un élément simple représentant une barre de formatage de texte. Si vous souhaitez représenter une barre d'outils contenant des icônes que vous avez définies, utilisez l'icône « Barre d'outils ».
Liste Vue	Génère un élément représentant une liste horizontale, rectangulaire ou verticale d'éléments de texte (selon la taille de l'élément) avec ou sans images associées. Double-cliquez sur le tableau pour afficher la dialogue « Propriétés » de l'élément sur la page « Wireframe », que vous pouvez utiliser pour ajouter, supprimer ou modifier les éléments et leurs icônes. Pour chaque élément, remplissez ces champs : Nom - saisissez le nom ou le texte de l'élément ; ce champ ne peut pas être laissé vide Image - saisissez le nom de l'image ou cliquez sur la flèche déroulante et sélectionnez le nom, comme indiqué dans le gestionnaire d'images Sélectionné - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance le nom de l'élément ou Faux pour omettre toute mise en surbrillance ; plusieurs éléments peuvent être mis en surbrillance à la fois Pour ajouter un autre élément à la liste, cliquez sur le nom de l’élément et sur le bouton Ajouter, puis indiquez un nom pour l’élément. Pour supprimer un élément de la liste, cliquez sur l'élément et sur le bouton Supprimer. Vous pouvez modifier la séquence des éléments en cliquant sur le nom d'un élément et sur les boutons . Si vous réduisez la taille de l'élément de sorte que tous les éléments ne puissent pas être affichés, une barre de défilement s'affiche automatiquement sur le bord droit de l'élément :	Utilisation du gestionnaire d'images
Barre de Statut	Génère un élément de barre d'état identique à la barre d'état générée automatiquement sur l'élément « Dialogue », sauf que vous pouvez positionner cet élément indépendamment le dialogue , selon vos besoins.
Barre d'outils	Génère un élément pour représenter une barre d'outils d'icônes, déjà configurée avec certaines icônes de barre d'outils standard. Double-cliquez sur l'élément pour afficher la page 'Wireframe' de la dialogue ' Propriétés ', qui vous permet d'ajouter, de supprimer ou de modifier les éléments et leurs icônes. Pour chaque élément, remplissez ces champs : Nom - saisissez le nom ou le texte de l'élément ; ce champ ne peut pas être laissé vide Image - saisissez le nom de l'image de l'icône ou cliquez sur la flèche déroulante et sélectionnez le nom, comme indiqué dans le gestionnaire d'images Pour ajouter un autre élément à la liste, cliquez sur le nom de l'élément et sur le bouton Ajouter, puis indiquez un nom pour l'élément. Vous pouvez ajouter un ou plusieurs éléments appelés « Séparateur » à la liste, qui s'affichent sous la forme d'un \|, pour partitionner les groupes d'icônes associées dans la barre d'outils. Si vous ajoutez une image à cet élément, l'image est remplacée par le \|. Pour supprimer un élément de la liste, cliquez sur l'élément et sur le bouton Supprimer. Vous pouvez modifier la séquence des éléments en cliquant sur le nom d'un élément et sur les boutons .
Lecteur audio	Génère un élément simple pour indiquer un contrôle de lecteur audio.
Calendrier	Génère un élément représentant un calendrier de base, affichant la date du jour dérivée de la date du système. Valeur Étiquetés : Date - soit : - Remplacez la date affichée dans ce champ ou - Cliquez sur la flèche déroulante pour afficher un calendrier actif page et sélectionnez la date sur celle-ci ; cliquez sur le bouton Aujourd'hui pour réinitialiser la date à la date du système Mettre en surbrillance la date - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance la date définie sur l'icône du calendrier, ou Faux pour omettre la surbrillance
En-tête	Génère un élément représentant un titre ou un texte d'en-tête dans une dialogue . Le texte lui-même est le nom de l'élément. L'élément peut refléter l'un des nombreux niveaux d'en-tête, chacun avec un style de police différent. Vous spécifiez le niveau d'en-tête à afficher à l'aide de la Valeur Étiquetée 'HeaderType' dans l'élément. Double-cliquez sur l'élément pour afficher la page « Wireframe » de la dialogue « Propriétés », que vous pouvez utiliser pour ajouter, supprimer ou modifier les niveaux et les styles d'en-tête. Pour chaque élément, remplissez ces champs : Nom - saisissez le nom du niveau d'en-tête ; ce champ ne peut pas être laissé vide Couleur - cliquez sur la flèche déroulante et sélectionnez la couleur appropriée dans la palette Taille de Police - saisissez la taille de la police ou cliquez sur la flèche déroulante et sélectionnez la taille de la police dans la liste Police Family - cliquez sur la flèche déroulante et sélectionnez le type de police dans la liste Style Police - cliquez sur la flèche déroulante et sélectionnez le style dans la liste ; sélectionnez vide pour aucun style appliqué Alignement du texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, à droite ou au centre Décoration de texte - cliquez sur la flèche déroulante et sélectionnez si vous souhaitez afficher un soulignement ou une ligne, ou aucun des deux (vide) Pour ajouter un autre niveau de titre à la liste, cliquez sur le nom de l'élément et sur le bouton Ajouter, puis indiquez un nom pour le niveau. Pour supprimer un niveau de la liste, cliquez sur l'élément et sur le bouton Supprimer. Vous pouvez modifier la séquence des niveaux de titre en cliquant sur le nom d'un niveau et sur les boutons . Valeur Étiquetés : HeaderType - cliquez sur la flèche déroulante et sélectionnez le niveau de titre à afficher
Lien hypertexte	Génère un élément représentant un lien hypertexte dans l'un des trois états suivants : « Lien », « Visité » et « Survol » (survol par la souris). Le texte du lien hypertexte correspond au nom de l'élément. Double-cliquez sur l'élément pour afficher la page « Wireframe » de la dialogue « Propriétés », qui vous permet d'ajouter, de supprimer ou de modifier les états des liens hypertexte. Pour chaque état, remplissez les champs suivants : Nom - saisissez le nom de l'État ; ce champ ne peut pas être laissé vide Couleur - cliquez sur la flèche déroulante et sélectionnez la couleur appropriée dans la palette Taille de Police - saisissez la taille de la police ou cliquez sur la flèche déroulante et sélectionnez la taille de la police dans la liste Police Family - cliquez sur la flèche déroulante et sélectionnez le type de police dans la liste Style Police - cliquez sur la flèche déroulante et sélectionnez le style dans la liste ; sélectionnez vide pour aucun style appliqué Alignement du texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, à droite ou au centre Décoration de texte - cliquez sur la flèche déroulante et sélectionnez si vous souhaitez afficher un soulignement ou une ligne, ou aucun des deux (vide) Pour ajouter un autre état d’hyperlien à la liste, cliquez sur le nom de l’élément et sur le bouton Ajouter, puis indiquez un nom pour l’état. Pour supprimer un état de la liste, cliquez sur l’élément et sur le bouton Supprimer. Vous pouvez modifier la séquence des états en cliquant sur le nom d'un état et sur les boutons . Valeur Étiquetés : State - cliquez sur la flèche déroulante et sélectionnez l'état à représenter sur le diagramme
Barre de menu	Génère un élément représentant une barre de menu standard en haut de l'écran, initialement avec trois options ('Fichier', 'Edition' et ' Vue ') avec l'option 'Fichier' développée dans un sous-menu. Double-cliquez sur l'élément pour afficher la page « Wireframe » de la dialogue « Propriétés », que vous pouvez utiliser pour ajouter, supprimer ou modifier les options de menu du niveau supérieur, du sous-menu et, si vous préférez, des sous-niveaux supplémentaires. Pour chaque option de menu - à n'importe quel niveau - remplissez ces champs : « Nom » : saisissez le nom de cet élément de menu « Étendu » : cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher le sous-menu de cette option (si elle en a un), ou Faux pour masquer le sous-menu « En surbrillance » : cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre en surbrillance cette option dans le menu, ou Faux pour la laisser non mise en surbrillance ; si « Étendu » est défini sur Vrai, l'option est automatiquement mise en surbrillance Pour ajouter une sous-option de menu à n'importe quel niveau, cliquez sur le nom de l'option parente et sur le bouton Ajouter, puis indiquez un nom pour la sous-option. Vous pouvez ajouter un ou plusieurs éléments appelés « Séparateur » à la liste, qui s'affiche sous la forme d'une ligne horizontale sur la liste, pour partitionner des groupes d'options associées dans le menu. Pour supprimer une option de la liste, cliquez sur l'élément et sur le bouton Supprimer. Vous pouvez modifier la séquence d'options en cliquant sur le nom d'une option et sur les boutons . Pour déplacer une option entre deux niveaux de menu, cliquez sur le nom de l'option et sur les boutons .
Paragraphe	Génère un élément de texte sans bordure, mais qui peut contenir du texte sur plusieurs lignes avec un formatage HTML de base. Valeur Étiquetés : Aligner le texte - cliquez sur la flèche déroulante et choisissez d'aligner le texte à gauche, au centre ou à droite du cadre de l'élément Texte - cliquez sur le bouton pour éditer l'écran « Note Valeur Étiquetée », sur lequel vous pouvez créer le texte à représenter sur le diagramme ; celui-ci peut utiliser étiquettes de formatage HTML telles que <b> </b> pour gras ou <u> </u> pour souligné - tous les formats HTML ne sont pas pris en charge
Barre de progression	Génère un élément de barre d'état représentant la progression d'un processus. Valeur Étiquetés : Pourcentage de remplissage - la valeur par défaut est 30 % d'achèvement ; saisissez le pourcentage d'achèvement à représenter (le niveau de remplissage de la barre de progression) Style de remplissage - cliquez sur la flèche déroulante et sélectionnez : - « Rempli » pour représenter le pourcentage d'achèvement en tant que barre solide, ou - « Bloc » pour représenter le pourcentage d'achèvement en tant que série de blocs ou de barres verticales
Contrôle de notation	Génère un élément représentant une bande de notation par étoiles. L'élément affiche toujours cinq étoiles et le nombre d'étoiles remplies indique la note. Valeur Étiquetés : Évaluation - cliquez sur la flèche déroulante et sélectionnez le nombre d'étoiles à afficher remplies (la note) Vous ne pouvez redimensionner l'élément qu'horizontalement ; la dimension verticale s'ajuste automatiquement pour toujours représenter cinq étoiles de forme uniforme.
Barre de défilement - Horizontale	Génère un élément représentant une barre de défilement horizontale.
Barre de défilement - verticale	Génère un élément représentant une barre de défilement horizontale.
Contrôle des onglets	Génère un élément représentant une série d'onglets ou de pages. Vous pouvez nommer les onglets et les marquer comme sélectionnés. Cependant, les éléments enfants ne « basculeront » pas lors du changement d'onglet (c'est-à-dire que définir un onglet différent comme sélectionné affichera toujours les mêmes éléments enfants dans l'espace des onglets). Valeur Étiquetés : Onglets - cliquez sur la flèche déroulante et cliquez sur l'onglet à mettre en surbrillance comme sélectionné Vous pouvez nommer les onglets et en ajouter d'autres à la liste en modifiant la liste « Valeurs : » dans les notes Valeur Étiquetée Si vous réduisez la taille de l'élément de sorte que tous les onglets ne puissent pas être affichés, une icône de défilement ( ) s'affiche automatiquement dans le coin supérieur droit de l'élément.	Attribuer Notes à une Valeur Étiquetée
Champ de texte	Génère un élément de texte avec une bordure pâle, le texte étant le nom de l'élément, représentant un champ de saisie de données simple.
Lecteur vidéo	Génère un élément qui représente un contrôle de lecteur vidéo.
Sélecteur de date/heure	Génère un élément qui représente le sélecteur de date/heure Microsoft. Valeur Étiquetés : CustomFormat - saisissez un format personnalisé pour tout ou partie des composants jour, date, mois, année, heure, minute et seconde, en utilisant ces codes sensibles à la casse (classés par ordre alphabétique) : - d - affiche le jour du mois en utilisant un ou deux chiffres - dd - affiche le jour du mois en utilisant deux chiffres, les chiffres 1 à 9 précédé d'un 0 - ddd - affiche le jour de la semaine sous forme de trois caractères abréviation - dddd - affiche le nom du jour en entier - h - affiche l'heure en utilisant un ou deux chiffres, au format 12 heures format d'horloge - hh - affiche l'heure en utilisant deux chiffres, les chiffres 1 à 9 précédés de un 0, au format d'horloge de 12 heures - H - affiche l'heure en utilisant un ou deux chiffres, au format 24 heures format d'horloge - HH - affiche l'heure à l'aide de deux chiffres, les chiffres 1 à 9 précédés de un 0, au format d'horloge de 24 heures - m - affiche les minutes en utilisant un ou deux chiffres - mm - affiche les minutes à l'aide de deux chiffres, chiffres 1 à 9 précédé d'un 0 - M - affiche le numéro du mois en utilisant un ou deux chiffres - MM - affiche le numéro du mois à l'aide de deux chiffres, chiffres 1 à 9 précédé d'un 0 - MMM - affiche le nom du mois sous forme de trois caractères abréviation - MMMM - affiche le nom du mois en entier - s - affiche les secondes en utilisant un ou deux chiffres - ss - affiche les secondes à l'aide de deux chiffres, chiffres 1 à 9 précédé d'un 0 - t - identifie le matin ou l'après-midi avec un seul caractère (A pour (AM, P pour PM) - tt - identifier le matin ou l'après-midi avec les deux caractères abréviation AM ou PM - y - affiche l'année en utilisant un seul chiffre (2022 est affiché comme 2) - yy - affiche l'année en utilisant deux chiffres (2022 s'affiche sous la forme 22) - yyyy - afficher l'année en entier (par exemple, 2022) Date - remplacez la date ou cliquez sur la flèche déroulante pour afficher un calendrier à partir duquel vous pouvez sélectionner la date à afficher ; la valeur par défaut est la date du jour - si vous la remplacez par une date fixe et souhaitez revenir à la date actuelle (système), cliquez sur le bouton Aujourd'hui Format - cliquez sur la flèche déroulante et sélectionnez le code du format à utiliser pour afficher la date et l'heure : - Long - le nom complet du jour, la date du jour, le nom complet du mois, l'année entière (par exemple : mercredi 17 février 2022) - Court - le jour du mois en chiffres simples/doubles, le mois sous forme de nombre à deux chiffres, l'année en entier (par exemple : 17/02/2022) - Heure - l'heure, les minutes et les secondes au format 12 heures (pour exemple 12:59:34 PM) - Personnalisé - applique le format personnalisé que vous avez défini dans le 'CustomFormat' Valeur Étiquetée
Contrôle des arbres	Génère un élément représentant une hiérarchie ou un arbre de nœuds, avec des lignes brisées reliant les nœuds frères et une zone d'extension (+ ou -) à côté des nœuds qui ont des sous-nœuds. Double-cliquez sur l'élément pour afficher la dialogue « Propriétés » de l'élément sur la page « Wireframe », que vous pouvez utiliser pour ajouter, supprimer ou modifier les nœuds de l'arborescence au niveau supérieur, au sous-niveau et, si vous préférez, aux sous-niveaux supplémentaires. Pour chaque nœud - à n'importe quel niveau - remplissez ces champs : Nom - saisissez le nom de ce nœud Développé - cliquez sur la flèche déroulante et sélectionnez Vrai pour afficher les nœuds subordonnés de ce nœud (s'il en a), ou Faux pour masquer les nœuds subordonnés Sélectionné - cliquez sur la flèche déroulante et sélectionnez Vrai pour mettre ce nœud en surbrillance ou Faux pour le laisser non mis en surbrillance Pour ajouter un sous-nœud à n'importe quel niveau, cliquez sur le nom du nœud parent et sur le bouton Ajouter, puis indiquez un nom pour le sous-nœud. Pour supprimer un nœud de la hiérarchie, cliquez sur le nom du nœud et sur le bouton Supprimer. Vous pouvez modifier la séquence des nœuds en cliquant sur le nom d'un nœud et sur les boutons . Pour déplacer un nœud entre deux niveaux de la hiérarchie, cliquez sur le nom du nœud et sur les boutons . Vous pouvez également éditer directement le XML de l'élément dans l'onglet « Wireframe » de la fenêtre Propriétés .
Zone de groupe	Génère un élément représentant une Groupbox, avec le nom de l'élément dans le coin supérieur gauche. Vous pouvez utiliser cet élément pour entourer et regrouper d'autres éléments du le dialogue .

Motifs

Item	Description	Voir aussi
Dialogue	Ce Motif génère une petite dialogue contenant trois panneaux avec des champs de saisie de données et des boutons radio, ainsi que deux boutons, comme illustré au début de cette rubrique. Vous pouvez l'utiliser comme exemple ou comme base pour une conception dialogue similaire.