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

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

  1. Dessinez un contrôle SimpleSlider sur la planche graphique dans Expression Blend.

    tip noteConseil :

    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.

  2. 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.

    tip noteConseil :

    Pour quitter le mode d'édition de modèle et revenir à l'étendue de votre document : cliquez sur Rétablir l’étendue àCc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(fr-fr,Expression.40).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’objet dont vous souhaitez modifier le modèle, pointez sur Modifier le modèle, puis cliquez sur Modifier le modèle actuel.

  3. 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.

  4. Par défaut, le modèle Thumb contient un objet Grid comportant un objet Ellipse . Supprimez l’objet Ellipse .

  5. Double-cliquez sur l’objet Grid dans le panneau Objets et chronologie afin de pouvoir y ajouter des objets enfants.

  6. Dessinez un tracé dans l’objet Grid à l’aide de l’outil PlumeCc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(fr-fr,Expression.40).png dans le panneau Outils. Vous pouvez modifier le tracé à l’aide de l’outil Sélection directeCc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(fr-fr,Expression.40).png pour ajuster des points sur le tracé.

    tip noteConseil :

    Pour effectuer un zoom sur la planche graphique, vous pouvez utiliser la zone de texte Zoom Cc295006.12524287-c48b-4cfc-b614-01951207239d(fr-fr,Expression.40).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.

    tip noteConseil :

    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.

  7. Testez votre application (F5) pour voir les effets.

Voir aussi

Concepts

SimpleSlider

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