SimpleSlider

Le curseur est un contrôle simple qui permet à un utilisateur de sélectionner une gamme de valeurs en déplaçant un contrôle Thumb . Par défaut, le curseur se déplace horizontalement, mais vous pouvez prévoir un déplacement vertical en définissant la propriété Orientation sous Propriétés communes dans le panneau Propriétés de Microsoft Expression Blend. Pour définir la valeur d’un curseur, utilisez les propriétés Minimum , Maximum et Value .

Vue de planche graphique d'un contrôle SimpleSlider

Composition du modèle de contrôle

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

• Un panneau Grille nommé GridRoot, qui sert à contenir plusieurs objets enfants dans le curseur. La Grid est également utilisée pour permettre à un concepteur d’interface utilisateur d’application d’ajouter plus facilement des objets au modèle. L’élément GridRoot est divisé en trois lignes : la ligne supérieure contient l’objet TopTick , celle du milieu contient l’objet Thumb et la ligne inférieure contient l’objet BottomTick .

• Deux éléments TickBar nommés TopTick et BottomTick, qui servent à afficher les taquets sur le curseur. Par défaut, leur propriété Visibility est définie sur la valeur Collapsed . Les éléments TickBar déterminent le nombre de marques de graduation à afficher en fonction des propriétés définies sur le contrôle Slider auquel ce modèle est appliqué. Les éléments TickBar ne fournissent pas un modèle modifiable, mais vous pouvez définir le pinceau qu'ils utilisent pour afficher la marque de graduation en définissant la propriété Foreground sur le contrôle Slider (cet élément TickBar est lié par modèle à la propriété Foreground du contrôle Slider).

• É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é.

• Élément Track nommé PART_Track, qui sert à afficher un élément Thumb le long d’une barre. L’utilisateur peut faire glisser l’élément Thumb . Par défaut, l'élément Thumb utilise le modèle SimpleThumbStyle que vous pouvez modifier.

• Deux éléments RepeatButton, qui sont contenus dans l'élément PART_Track et qui permettent à l'utilisateur de cliquer d'un côté ou de l'autre du contrôle Thumb pour imposer de plus grands changements à la valeur de curseur. Vous pouvez spécifier la valeur de pas pour ces changements dans la propriété LargeChange du contrôle Slider (pas dans le modèle). La valeur de pas qui est spécifiée par la propriété SmallChange est utilisée lorsque l'utilisateur déplace le contrôle Thumb avec les touches fléchées.

• Une transformation de disposition, qui sert à afficher le curseur dans une orientation horizontale. Cette conception simplifie l’édition car il n’est pas nécessaire 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> de la vue XAML dans 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 Slider .

  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.

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 du panneau Déclencheurs pour voir les propriétés qui changent lorsqu'un déclencheur est actif. Par exemple, dans le modèle SimpleSlider , des déclencheurs sont utilisés pour faire apparaître des éléments TickBar en fonction de la propriété TickPlacement . La visibilité est ainsi définie sur les éléments TopTick et BottomTick . L’orientation horizontale ou verticale est également configurée sur les déclencheurs du modèle SimpleSlider . Cela s'applique à une transformation de disposition sur le contrôle Slider qui le fait pivoter de 90 degrés. Comme le tracé s'oriente automatiquement, il est rétabli de telle sorte qu'il ne puisse pivoter deux fois.

Pinceaux utilisés

Les ressources pinceau suivantes dans le dictionnaire de ressources SimpleStyles.xaml sont utilisées par le modèle SimpleSlider  :

• La propriété Background est définie à l’aide de LightBrush lorsqu’aucun déclencheur n’est actif et est définie à l’aide de DisabledBackgroundBrush lorsque IsEnabled est False .

• La propriété BorderBrush est définie à l’aide de NormalBorderBrush lorsqu’aucun déclencheur n’est actif et est définie à l’aide de DisabledBorderBrush lorsque IsEnabled est False .

• La propriété Foreground de l’élément TopTick est définie à l’aide de la GlyphBrush .

• La propriété Fill du modèle SimpleThumb est définie à l’aide du NormalBrush ,et la propriété Stroke est définie à l’aide du NormalBorderBrush .

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 objets qui sont ajoutés à la planche graphique se retrouvent en tant qu’objets enfants du panneau de disposition.

• Si vous le souhaitez, vous pouvez ajouter des déclencheurs au modèle SimpleSlider , ou modifier l'élément PART_Track pour rendre l'aspect du curseur plus attrayant, mais ne renommez pas d'éléments 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. Les boutons Thumb et de répétition doivent être placés dans les éléments appropriés dans le contrôle Track . Le contrôle Track sait comment placer l’élément Thumb en fonction de la valeur du contrôle Slider . Les boutons de répétition utilisent des liaisons Command pour obtenir l’augmentation ou la diminution de la valeur du curseur.

• Lorsque vous modifiez le modèle du contrôle SimpleSlider , vous pouvez forcer l’affichage des éléments TickBar en utilisant le panneau Déclencheurs pour sélectionner le déclencheur approprié. Par exemple, dans le modèle SimpleSlider , lorsque la propriété TickPlacement est définie sur Both , les deux éléments TickBar sont affichés en définissant leur propriété Visibility sur Visible .

Voir aussi

Tâches

Essayez ! Personnaliser l’élément Thumb d’un contrôle SimpleSlider

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