SimpleScrollBar

La barre de défilement est un contrôle simple qui affiche un marqueur sur une barre à une position dépendant de la propriété Value (valeur). Pour définir l’orientation de la barre de défilement dans Microsoft Expression Blend, utilisez la propriété Orientation sous Disposition dans le panneau Propriétés. Vous pouvez définir le Minimum, le Maximum, et la Valeur actuelle de la barre de défilement sous Propriétés communes dans le panneau Propriétés. La valeur actuelle doit être comprise entre les valeurs minimale et maximale.

Vue de planche graphique d’un contrôle SimpleScrollBar

Composition du modèle de contrôle

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

• Un panneau Grille nommé GridRoot sert à contenir les multiples enfants dans la barre de défilement. La grille est également utilisée pour vous permettre d’ajouter plus facilement des éléments au modèle. La grille est divisée en trois lignes où les lignes du haut et du bas ont des tailles maximales définies de telle sorte qu’elles ne peuvent pas dépasser 18 pixels (ou en unités indépendantes des périphériques, qui sont approximativement de 1/96 de pouce), et la ligne du milieu est définie à la taille astérisque (*), ce qui signifie qu’elle se développe en fonction du développement de la fenêtre.

• Deux éléments RepeatButton nommés DecreaseRepeat et IncreaseRepeat, qui servent à déplacer le marqueur de position sur la barre. Les éléments RepeatButton contiennent du contenu qui affiche des flèches. De nouveau, une grille est utilisée comme une racine pour chacun de ceux-ci afin que l’utilisateur puisse facilement modifier les éléments Path (nommés DecreaseArrow et IncreaseArrow) et ajouter du contenu.

• Un élément Track nommé PART_Track, qui sert à afficher un élément Thumb le long d’une barre. Les parties exposées de la barre se doublent sous la forme de contrôles RepeatButton nommés PageDown et PageUp. Tous deux utilisent le modèle SimpleScrollRepeatButtonStyle pouvant être modifié séparément. Les sections IncreaseRepeatButton et DecreaseRepeatButton du tracé utilisent des liaisons de commande afin de pouvoir appeler des commandes sur la classe de barre de défilement. L’élément Thumb utilise le modèle SimpleThumbStyle pouvant être modifié séparément.

• Une transformation de disposition, qui sert à afficher la barre du curseur dans une orientation horizontale. Cette conception simplifie l’édition sans avoir à se souvenir de modifier deux modèles différents. Cependant, dans certains cas, les deux orientations doivent être suffisamment différentes pour imposer des modèles distincts. Dans ce cas, il convient d’utiliser une méthode Setter dans l’élément <Style> du mode XAML d’Expression Blend pour changer de modèle en fonction de l’orientation. Vous trouverez un exemple dans le modèle par défaut du contrôle système ScrollBar.

  Attention :
  Ne renommez pas un élément dont le nom commence par « PART_ » car il est fait référence à ces éléments depuis le code mettant en œuvre le contrôle.

  Liste d’objets : éléments de base (modèle) d’un contrôle SimpleScrollBar

  

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 l’élément 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 SimpleScrollBar, lorsque la propriété Orientation a la valeur Horizontal, plusieurs propriétés sont changées pour refléter la nouvelle orientation de la barre de progression.

Haut de la page

Pinceaux utilisés

Le modèle SimpleScrollBar utilise uniquement une ressource pinceau pour la propriété Foreground. D’autres ressources pinceau sont référencées dans les modèles que le modèle SimpleScrollBar utilise, tels que les modèles SimpleRepeatButton, SimpleThumbStyle et SimpleScrollRepeatButtonStyle. Vous pouvez modifier les pinceaux que ces modèles utilisent pour changer l’aspect du modèle SimpleScrollBar, ou vous pouvez créer de nouveaux modèles.

Haut de la page

Recommandations et directives de conception

• En général, utilisez un contrôle Grid en tant que racine de votre modèle si vous prévoyez qu’un concepteur ajoute d’autres éléments visuels à votre contrôle. Expression Blend cherche un panneau de disposition à l’instar du contrôle Grid et le rend actif par défaut pour que les nouveaux éléments qui sont ajoutés à la planche graphique se retrouvent en tant qu’éléments enfants du panneau de disposition.

• Vous pouvez appliquer le modèle SimpleScrollBar à la barre de défilement qui est utilisée dans le modèle pour un élément ScrollViewer.

• Comme le modèle SimpleScrollBar utilise d’autres modèles, il pourrait être laborieux de parcourir les divers niveaux de modèle pour obtenir celui que vous souhaitez modifier. Pour modifier les modèles directement, vous pouvez cliquer sur le bouton Modifier la ressource en regard du nom du modèle dans le panneau Ressources. Puis, dans le mode d’édition du style, cliquez avec le bouton droit sur Style sous Objets et chronologie, pointez sur Modifier des parties du contrôle (Modèle), puis cliquez sur Modifier le modèle ou sur Modifier une copie. Il peut également être plus simple de supprimer les références aux sous-modèles (réinitialiser la propriété Style sous Divers dans le panneau Propriétés), et de concevoir votre modèle au premier niveau.

• Pour garantir le fonctionnement du contrôle, vous devez conserver les liaisons de commande qui déclenchent des commandes sur la classe du contrôle et fournir un autre moyen d’établir un contrat entre le contrôle et la classe qui le représente. Ces liaisons sont présentes dans les propriétés Command des éléments IncreaseRepeat, DecreaseRepeat, PageUp et PageDown, et dans le déclencheur Orientation=Horizontal.

• Si vous le souhaitez, vous pouvez ajouter des déclencheurs au modèle SimpleScrollBar, ou modifier les éléments dans l’élément PART_Track pour rendre la barre plus attrayante, mais ne renommez pas l’élément PART_Track ou l’un de ses éléments enfants car il est fait référence à ces éléments dans le code mettant en œuvre le contrôle. L’élément PART_Track sait trouver ses parties car elles sont placées sous des en-têtes de contrôle spécifiques : Track.IncreaseRepeatButton, Track.DecreaseRepeatButton et Track.Thumb. Le contrôle Thumb est également un contrôle Windows Presentation Foundation (WPF) spécifique qui sait être déplacé.

Haut de la page

Voir aussi

Concepts

Essayez ! Personnaliser l’aspect d’un contrôle SimpleScrollBar