Tracer un contrôle d'éléments

Les contrôles d’éléments ont une propriété Éléments pouvant contenir une collection d’objets enfants. Vous pouvez ajouter des objets enfants de tout type à la collection d’éléments, ou vous pouvez afficher un tableau d’éléments à partir d’une source de données en utilisant une liaison de données. Les contrôles d’éléments n’ont ni propriété de contenu ni propriété d’en-tête. Des objets enfants sont ajoutés dans l’ hôte d’éléments du contrôle d’éléments qui, dans le cas d’un contrôle ListBox , est un panneau Stack qui dispose les éléments dans une pile verticale. Vous ne verrez pas l’hôte d’éléments dans le panneau Objets et chronologie de Microsoft Expression Blend, sauf si vous modifiez le modèle du contrôle d’éléments.

La procédure suivante montre comment créer un contrôle d’éléments (un contrôle ListBox ) et ajouter des objets à la collection d’éléments. Vous pouvez utiliser cette procédure avec d’autres contrôles d’éléments répertoriés sous « Types » dans la rubrique consacrée aux Types ItemsControl  sur MSDN.

Si vous souhaitez afficher un tableau d’éléments d’une source de données, voir la rubrique Essayez ! Créer un lecteur de News RSS.

Pour plus d’informations, voir Utilisation du panneau de disposition StackPanel.

Pour créer un contrôle d’éléments

1. Dans le panneau Outils sur le côté gauche de Expression Blend, cliquez sur Composants . Dans la catégorie Contrôles, sélectionnez ListBox   dans la liste. L’icône du contrôle ListBox apparaît sous le bouton Composants, et est sélectionnée, pour vous permettre d’ajouter un contrôle ListBox à la planche graphique.

   Conseil :
   Les éléments d’interface utilisateur les plus courants (tels que le contrôle Button ) sont déjà affichés dans les listes déroulantes situées sous le bouton Composants afin que vous puissiez les ajouter rapidement.

2. Pour ajouter un bouton à la planche graphique, double-cliquez sur l’icône du panneau Outils du contrôle ListBox .

   Objet ListBox créé sur la planche graphique à sa taille et à son emplacement (en haut à gauche) par défaut

   

   Conseil :
   Vous pouvez également ajouter un contrôle à la planche graphique en le sélectionnant d'abord dans le panneau Outils, puis en cliquant sur la planche graphique et en faisant glisser le curseur pour spécifier le rectangle englobant du contrôle.

   Conseil :
   Une fois ajouté à la planche graphique, un élément d’interface utilisateur, tel qu’un contrôle ListBox , devient un objet dans votre application.

3. Dans le panneau Objets et chronologie, cliquez sur l’objet ListBox pour en faire l’objet activé. L’activation d’un objet permet d’ajouter un objet enfant.

   Conseil :
   Vous pouvez également activer un objet sur la planche graphique en sélectionnant d’abord l’outil Sélection dans le panneau Outils, puis en double-cliquant sur l’objet sur la planche graphique.

4. Dessinez plusieurs formes dans le contrôle ListBox à l’aide d’objets du panneau Outils tels que TextBlock , Bouton  ou Rectangle . Notez que la liste dispose ces objets enfants dans une pile verticale.

   Objets enfants ajoutés à un objet ListBox

   

   Remarque :
   Si vous ajoutez plus d’objets que ne peut en contenir un contrôle d’éléments, une barre de défilement apparaît lors de l’exécution de votre application. Cela vous permet de voir les objets supplémentaires.

   Conseil :
   Réagencez les objets de la liste en les faisant glisser dans le panneau Objets et chronologie, ou sélectionnez l’outil Sélection pour les faire glisser sur la planche graphique.

5. Vous pouvez voir les éléments dans votre contrôle ListBox et en ajouter d’autres dans la fenêtre de l’Éditeur de collections. Pour ouvrir l’Éditeur de collections, cliquez sur Modifier les éléments de cette collection  en regard de la propriété Items (Collection) dans le panneau Propriétés.

6. Construisez votre projet (F5) pour voir l’application résultante.

Copyright © 2011 Microsoft Corporation. Tous droits réservés.