Pour afficher l’article en anglais, activez la case d’option Anglais. Vous pouvez aussi afficher la version anglaise dans une fenêtre contextuelle en faisant glisser le pointeur de la souris sur le texte.
Traduction
Anglais

Présenter des éléments le long d’un tracé

Vous pouvez afficher une liste d’éléments le long d’un tracé à l’aide du contrôle PathListBox. Le tracé peut être n’importe quel élément et peut être de n’importe quelle taille ou forme. Une fois que vous avez créé votre liste, vous pouvez ajouter explicitement des PathListItems, ou ajouter une source de données à partir du panneau Données. Dans la mesure où PathListBox est un type de ListBox, vous pouvez modifier une PathListBox de la même façon que vous pouvez modifier une ListBox standard.



ListBoxItems le long d’un chemin de disposition elliptique

Orientation des éléments de liste du chemin de disposition : Aucune

Vous pouvez créer un chemin de disposition de deux manières : vous pouvez ajouter une PathListBox à partir du panneau Composants puis ajouter une référence à un tracé à la PathListBox ; ou vous pouvez créer un tracé ou un objet sur la planche graphique, effectuer un clic droit sur l’objet, pointer sur Tracé puis sélectionner Créer un chemin de la disposition.

Pour ajouter un tracé à une PathListBox

  1. Dans le panneau Composants, développez Contrôles, cliquez sur PathListBox. Dessinez un contrôle PathListBox sur la planche graphique.

  2. Effectuez l’une des opérations suivantes :

    • Dans le panneau Outils, cliquez sur l’outil PlumeJJ170028.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(fr-fr,VS.120).png, puis dessinez un tracé sur la planche graphique.

    • Ajout d’un objet à partir du panneau Composants.

  3. Sélectionnez PathListBox puis dans la catégorie Chemins de la disposition du panneau Propriétés, cliquez sur Sélecteur d’élément de la planche graphique Icône Sélecteur d'élément de la planche graphique, puis cliquez sur l’objet que vous venez de créer pour créer une référence à cet objet dans la liste LayoutPath de la catégorie de chemins de Disposition du panneau Propriétés.

    Remarque Remarque

    Vous ne pouvez pas utiliser un enfant de PathListBox comme LayoutPath.

Conseil Conseil

Vous pouvez ajouter plusieurs chemins de disposition à une PathListBox.

Pour créer une PathListBox à partir d’un tracé

  1. Effectuez l’une des opérations suivantes :

    • Dans le panneau Outils, cliquez sur l’outil PlumeJJ170028.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(fr-fr,VS.120).png, puis dessinez un tracé sur la planche graphique.

    • Ajout d’un objet à partir du panneau Composants.

  2. Cliquez avec le bouton droit sur le tracé ou l’objet, cliquez sur Tracé, puis cliquez sur Créer un chemin de la disposition.

Pour ajouter des exemples de données à une PathListBox

  1. Dans le panneau Données, cliquez sur Créer des exemples de données JJ170028.30540d76-7256-43ce-b5d9-4b2edf3d339f(fr-fr,VS.120).png, puis cliquez sur Nouvel exemple de données. Cliquez sur OK.

  2. Faites glisser Collection dans la PathListBox.

Conseil Conseil

Vous pouvez modifier la façon dont les propriétés de la collection d’exemples de données s’affichent en modifiant le ItemTemplate de la PathListBox. Cliquez avec le bouton droit sur la PathListBox, cliquez sur Modifier les modèles associés, puis cliquez sur Modifier les éléments générés (ItemTemplate), puis cliquez sur Modifier le modèle actuel.

Une fois que vous avez ajouté le tracé à la liste des chemins de disposition, vous pouvez modifier l’affichage des éléments sur le tracé dans le panneau Propriétés. Vous pouvez modifier l’ordre des éléments affichés, leur nombre, l’orientation des éléments du tracé et la distribution de ces éléments le long du tracé.

StartItemIndex et WrapItems s’appliquent à tous les chemins de disposition dans la PathListBox sélectionnée. Les propriétés dans la zone de la catégorie Chemins de la disposition sont une vue liste-détails et s’appliquent uniquement au tracé sélectionné dans la liste LayoutPaths. Pour modifier les options d’un tracé individuel, sélectionnez ce tracé dans la liste LayoutPaths avant de modifier les propriétés désirées.

Pour modifier le StartItemIndex

  • Dans la catégorie Chemins de la disposition du panneau Propriétés, dans la zone de texte StartItemIndex, tapez le nombre de StartItemIndex que vous souhaitez utiliser.

    Conseil Conseil

    Le StartItemIndex identifie le premier élément de la liste qui s’affiche le long du tracé. Le StartItemIndex pour le premier élément de la liste est 0, 1 pour le deuxième élément, 2 pour le troisième élément et ainsi de suite. Si vous souhaitez que le premier élément de la liste s’affiche, laissez le StartItemIndex défini sur 0. Si vous souhaitez que le troisième élément de la liste s’affiche au début du tracé, définissez le StartItemIndex sur 2.

Pour modifier l’habillage de l’élément

  • Lorsque StartItemIndex est supérieur à 0, vous pouvez activer WrapItems pour vous assurer que tous les éléments de votre collection sont affichés. Si vous souhaitez que la liste se poursuive avec le premier élément de la liste après avoir atteint la fin, dans la catégorie Chemins de la disposition du panneau Propriétés, sélectionnez la case WrapItems. Si vous voulez que la liste se termine lorsqu’elle atteint le dernier élément de la liste, désactivez la case WrapItems.

Pour modifier la distribution des éléments le long du tracé

  • Dans la zone Distribution, choisissez l’une des opérations suivantes :

    • Uniforme   Répartit les éléments uniformément le long du tracé.

    • Rempli   Distribue les éléments le long du tracé en fonction de leur taille et de la propriété Padding.

Pour modifier la capacité du chemin de disposition

  • Pour modifier le nombre d’éléments affichés le long du chemin de la disposition, modifiez ce nombre dans la zone Capacité. Par exemple, si la capacité est égale à 5, jusqu’à 5 articles apparaissent dans la liste. Une capacité Automatique représente le nombre d’éléments divisé par le nombre de tracés. Par exemple, Automatique affichera tous les éléments dans la liste pour un seul tracé. S’il y a deux tracés, les éléments seront divisés de manière égale entre les deux tracés.

Pour modifier le remplissage entre les objets

  • Si la Distribution du chemin de disposition est définie sur Remplie, vous pouvez spécifier le remplissage entre les objets du tracé dans la zone Remplissage. Pour modifier le remplissage, cliquez à l’intérieur de la zone Remplissage et utilisez les touches Haut et Bas ou tapez un nombre directement dans la zone.

    Conseil Conseil

    Vous pouvez également cliquer dans le champ et actionner la molette de la souris pour modifier la valeur.

Pour modifier l’orientation des objets sur le chemin de disposition

  • Pour conserver une orientation standard bas-haut et gauche-droite des objets sur le tracé, dans la liste Orientation, sélectionnez Aucune Orientation PathListBox : Aucune. Pour orienter les objets en fonction des variations sur le tracé, dans la liste Orientation, sélectionnez OrientToPath Orientation icône PathListBox : OrientToPath.



    Orientation : Aucune

    Orientation des éléments de liste du chemin de disposition : Aucune

    Orientation : OrientToPath

    OrientToPath des éléments de liste du chemin de disposition

Pour modifier le point de départ de la liste

  • Vous pouvez commencer une liste n’importe où sur un tracé à l’aide de l'option Début basée sur un pourcentage. Par exemple, pour démarrer la liste à un quart du tracé, tapez 25 dans la zone Début.

Pour modifier l’étendue de la liste

  • Vous pouvez modifier l’étendue d’une liste sur un tracé à l’aide de l’option Étendue. Par exemple, si vous voulez que la liste s’étende sur 50 % du tracé, tapez 50 dans la zone Étendue.

    La zone Étendue peut être utilisée conjointement avec la zone Début. Par exemple, si vous souhaitez que l’étendue de la liste soit de 50 %, mais également que la liste ne commence qu’à mi-chemin du tracé, saisissez 50 dans la zone Début et 50 dans la zone Étendue.

Conseil Conseil

Vous pouvez créer des effets intéressants en animant les propriétés Début et Étendue d’un chemin de disposition.

Conseil Conseil

Lorsque vous animez des points d’un tracé dans une table de montage séquentiel, la position des éléments de la PathListBox est automatiquement mise à jour.

Pour modifier le comportement de remplissage

  • Dans la zone FillBehavior, choisissez l’une des opérations suivantes :

    • NoOverlap   Si votre chemin de disposition est un tracé ouvert et si vous souhaitez animer la propriété Début, sélectionnez NoOverlap dans la liste déroulante FillBehavior. Cela réduit l’étendue réelle utilisée pour placer les éléments le long du tracé, et laisse assez de place pour animer Début sans que les éléments du tracé ne se chevauchent lorsque les éléments de la liste retournent au début du chemin de disposition.

    • FullSpan   Sélectionnez FullSpan dans la liste déroulante FillBehavior pour vous assurer que toute l’étendue du chemin de disposition est utilisée. Par exemple, si vous avez sélectionné Uniforme dans la liste déroulante Distribution et FullSpan dans la liste déroulante FillBehavior lorsque vous utilisez un tracé ouvert, un élément apparaît au début et à la fin du tracé.

Vous pouvez disposer n’importe quel élément d’interface utilisateur sur un tracé puis donner un style à cet élément en fonction de vos besoins. Dans l’exemple suivant, une TextBlock est ajoutée à la planche graphique. Ensuite, elle est liée aux données de la PathListBox. Puis, un style lui est donné pour qu’elle soit plus attrayante.

Pour disposer un texte le long d’un tracé

  1. Dans le panneau Composants, cliquez sur Formes, puis sur Secteur. Dessinez une forme en Secteur sur la planche graphique.

  2. Cliquez avec le bouton droit sur la forme Secteur, cliquez sur Tracé, puis cliquez sur Créer un chemin de la disposition.

  3. Dans le panneau Outils, cliquez sur TextBlock JJ170028.42165963-00f7-4a33-abcd-b0849edebada(fr-fr,VS.120).png. Dessinez une TextBlock sur la planche graphique et lui ajouter du texte.

  4. Dans le panneau Objets et chronologie, cliquez sur PathListBox. Dans la catégorie Propriétés communes du panneau Propriétés, cliquez sur Options avancées (à côté de ItemSource), puis cliquez sur Liaison de données.

    Conseil Conseil

    Vous pouvez localiser ItemSource rapidement en tapant ItemSource dans la zone Rechercher du panneau Propriétés.

  5. Dans la boîte de dialogue Créer une liaison de données, cliquez sur Propriété de l’élément. Dans le volet Éléments de la scène, cliquez sur TextBlock.

  6. Dans la liste déroulante Afficher, sous le volet Propriétés, sélectionnez Toutes les propriétés.

  7. Dans le volet Propriétés, sélectionnez Texte : (Chaîne). Cliquez sur OK.

Vous pouvez maintenant donner un style au texte dans la TextBlock pour la rendre plus attrayante.

Exemple de PathListBox affichant un TextBlock
Afficher: