Essayez ! Personnaliser l’élément Thumb d’un contrôle SimpleSlider
.png "This page applies to WPF projects only")
Vous pouvez facilement personnaliser l’aspect d’un contrôle Thumb dans Microsoft Expression Blend, à l’aide du modèle de contrôle SimpleSlider.
Personnaliser l’élément Thumb d’un contrôle SimpleSlider
Placez un contrôle SimpleSlider sur la planche graphique dans Expression Blend.
.gif "Conseil")
Conseil :Les contrôles de style simple sont disponibles sous Styles simples dans la catégorie Styles du panneau Composants. Une fois que vous avez sélectionné un contrôle de style simple dans la liste, vous pouvez le dessiner sur la planche graphique.
Cliquez avec le bouton droit sur le curseur dans le panneau Objets et chronologie, pointez sur Modifier le modèle, puis cliquez sur Modifier l'élément actuel. Si vous ne souhaitez pas changer le dictionnaire de ressources SimpleStyles.xaml, vous pouvez cliquer sur Modifier une copie et non sur Modifier le modèle courant pour créer un nouveau modèle et l’enregistrer dans le document. Pour plus d’informations sur la création d’une copie, voir Créer une ressource.
Conseil :Pour quitter le mode d'édition de modèle et revenir à l'étendue de votre document : cliquez sur Étendue supérieure
.png "Cc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(FR-FR,Expression.30).png")
, situé au-dessus de l’arborescence d’éléments dans le panneau Objets et chronologie.Pour revenir au mode d'édition de modèle pour un modèle existant : dans le panneau Objets et chronologie, cliquez avec le bouton droit sur l'élément dont vous souhaitez modifier le modèle, pointez sur Modifier le modèle, puis cliquez sur Modifier le modèle courant.
Cliquez avec le bouton droit sur l’élément [Thumb] dans le panneau Objets et chronologie, pointez sur Modifier le modèle, puis cliquez sur Modifier une copie.
Par défaut, le modèle Thumb contient une grille comportant une ellipse. Supprimez l’élément Ellipse.
Double-cliquez sur l’élément Grid dans le panneau Objets et chronologie afin de pouvoir y ajouter des éléments enfants.
Dessinez un tracé dans l’élément Grid à l’aide de l’outil Plume
.png "Cc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(FR-FR,Expression.30).png")
dans le panneau Outils. Vous pouvez modifier le tracé à l’aide de l’outil Sélection directe.png "Cc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(FR-FR,Expression.30).png")
pour ajuster des points sur le tracé.Conseil :Pour effectuer un zoom sur la planche graphique, vous pouvez utiliser la zone de texte Zoom
.png "Cc295006.12524287-c48b-4cfc-b614-01951207239d(FR-FR,Expression.30).png")
en bas de la planche graphique, ou vous pouvez utiliser le bouton de défilement sur votre souris tout en maintenant enfoncée la touche Ctrl.Conseil :Au lieu de dessiner un élément de tracé avec l’outil Plume, vous pouvez utiliser une ressource artistique que vous importez de Microsoft Expression Design, ou un fichier image que vous ajoutez à votre projet.
Testez votre application (F5) pour voir les effets.