Essayez ! Personnaliser l’élément Thumb d’un contrôle SimpleSlider
.png "Cette page s’applique uniquement aux projets WPF")
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 styles simples sont disponibles dans la catégorie Styles simples de l’onglet Contrôles dans la Bibliothèque de composants
.png "Cc295006.0224cabd-5da1-4e01-bddd-4a647401a098(fr-fr,Expression.10).png")
. 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 sous Objets et chronologie, pointez sur Modifier des parties du contrôle (modèle), puis cliquez sur Modifier le modèle. 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 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 le bouton Étendue supérieure
.png "Cc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(fr-fr,Expression.10).png")
, qui se trouve au-dessus de l’arborescence d’éléments dans le panneau Interaction.Pour revenir au mode d’édition de modèle pour un modèle existant : sous Objets et chronologie, cliquez avec le bouton droit sur l’élément dont vous voulez modifier le modèle, pointez sur Modifier des parties du contrôle (Modèle), puis cliquez sur Modifier le modèle.
Cliquez avec le bouton droit sur l’élément [Thumb] sous Objets et chronologie, pointez sur Modifier des parties du contrô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 sous 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.10).png")
dans la boîte à outils. Vous pouvez modifier le tracé à l’aide de l’outil Sélection directe.png "Cc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(fr-fr,Expression.10).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.10).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 importée de Microsoft Expression Design 2 ou un fichier image ajouté à votre projet.
Testez votre application (F5) pour voir les effets.