SimpleListBox et SimpleListBoxItem

La zone de liste est un contrôle d’éléments sous forme de liste déroulante. Vous pouvez placer du contenu dans une zone de liste dans Microsoft Expression Blend en double-cliquant sur la zone de liste et en y faisant glisser un élément (un rectangle par exemple). Vous pouvez également cliquer avec le bouton droit sur la zone de liste sous Objets et chronologie, puis cliquer sur Ajouter SimpleListBoxItem pour ajouter des éléments individuels à la collection, ou cliquer sur Lier la propriété ItemsSourceaux données pour générer la collection d’éléments SimpleListBoxItem à partir d’une source de données. Si vous ajoutez des éléments individuels à la collection, vous pouvez réorganiser les éléments en double-cliquant sur la zone de liste pour la rendre active, et en faisant glisser les éléments pour obtenir l’ordre souhaité. Vous pouvez définir quel élément est sélectionné à l’aide de la propriété SelectedIndex de la zone de liste.

Vue de planche graphique d’un contrôle SimpleListBox après l’ajout de deux éléments

Composition du modèle de contrôle

Le modèle de contrôle SimpleListBox est composé des éléments suivants :

• Un panneau Grille, qui sert à contenir les multiples enfants dans la zone de liste. La grille est également utilisée pour permettre à un concepteur d’interface utilisateur d’application d’ajouter plus facilement des éléments au modèle.

• Un élément Border, qui est utilisé parce qu’il inclut une propriété BorderThickness pouvant être liée par modèle à la propriété BorderThickness du contrôle de zone de liste auquel ce modèle est appliqué.

• Un élément ScrollViewer, qui est utilisé pour permettre à l’utilisateur de l’application de faire défiler la liste si elle est trop longue.

• Un élément StackPanel, qui est contenu dans l’élément ScrollViewer et qui dispose les éléments. La propriété IsItemsHost de l’objet StackPanel prend la valeur True pour identifier l’élément ScrollViewer comme celui qui affiche les éléments du contrôle de zone de liste auquel le modèle est appliqué. Vous pouvez changer l’objet StackPanel en un autre élément de panneau en cliquant avec le bouton droit sur l’élément StackPanel sous Objets et chronologie, et en sélectionnant ensuite Modifier le type de disposition en un autre panneau tel qu’un UniformGrid.

Le modèle de contrôle SimpleListBoxItem est composé des éléments suivants :

• Un panneau Grille, qui sert à contenir les multiples enfants dans l’élément de zone de liste. Une grille est aussi utilisée pour permettre à un concepteur d’ajouter plus facilement des éléments au modèle.

• Un élément Border, qui est utilisé parce qu’il inclut une propriété BorderThickness pouvant être liée par modèle à la propriété BorderThickness du contrôle de bouton auquel ce modèle est appliqué.

• Un élément ContentPresenter, qui est contenu dans l’élément Grid et qui est automatiquement lié à la propriété Content du contrôle d’éléments auquel ce modèle est appliqué.

  Liste d’objets : parties de base (modèle) d’un contrôle SimpleListBox (gauche) et d’un contrôle SimpleListBoxItem (droite)

  

Haut de la page

Déclencheurs de propriété utilisés

Des déclencheurs de propriété dans le modèle de contrôle sont utilisés pour que le contrôle réagisse aux changements de propriétés. Vous pouvez cliquer sur les éléments sous Déclencheurs dans le panneau Interaction pour voir les propriétés qui sont changées lorsqu’un déclencheur est actif. Par exemple, dans le modèle de la zone de liste, lorsque la propriété IsSelected de l’élément de zone de liste a la valeur True, la couleur d’arrière-plan de l’élément est changée. Dans le modèle de l’élément de la zone de liste, lorsque la propriété IsHighlighted a la valeur True, la propriété Background de l’élément Border change pour indiquer quel élément est sélectionné dans la zone de liste.

Haut de la page

Pinceaux utilisés

Les ressources pinceau suivantes dans le dictionnaire de ressources SimpleStyles.xaml sont utilisées par les modèles SimpleListBox et SimpleListBoxItem :

• La propriété Background est définie à l’aide de l’élément WindowBackgroundBrush si aucun déclencheur n’est actif, et de l’élément DisabledBackgroundBrush si IsEnabled a la valeur False.

• La propriété BorderBrush est définie à l’aide de l’élément SolidBorderBrush si aucun déclencheur n’est actif, et de l’élément DisabledBorderBrush si IsEnabled a la valeur False.

• Si le modèle SimpleListBox est rempli avec des éléments qui utilisent le modèle SimpleListBoxItem, la propriété Background de l’élément est définie à l’aide de SelectedBackgroundBrush si un élément est sélectionné, et la propriété Foreground est définie à l’aide de DisabledForgroundBrush si IsEnabled a la valeur False.

Haut de la page

Voir aussi

Concepts

Essayez ! Changement de l’aspect de l’élément sélectionné dans un contrôle SimpleListBox