Essayez ! Personnaliser le contrôle SimpleTabItem à l’aide d’un effet bitmap
.png "Cette page s’applique uniquement aux projets WPF")
Le modèle SimpleTabItem permet de facilement personnaliser l’aspect d’un contrôle Tab.
Pour ajouter un effet bitmap au contrôle SimpleTabItem
Dessinez un contrôle SimpleTabControl sur la planche graphique. Le contrôle SimpleTabControl inclut deux modèles SimpleTabItem par défaut.
.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 "Cc294648.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 l’un des éléments Tab 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 "Cc294648.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.
Dans l’étendue d’édition du modèle de contrôle, sélectionnez l’élément Border sous Objets et chronologie, puis dans la section avancée
.png "Cc294648.81e110f1-4068-4299-957d-0693cea95088(fr-fr,Expression.10).png")
de la catégorie Apparence du panneau Propriétés, cliquez sur la flèche déroulante en regard de la propriété BitmapEffect (effet bitmap), puis cliquez sur Biseau. Par défaut, la propriété BevelWidth a la valeur 5.Dans le panneau Déclencheurs, sélectionnez l’état IsPressed pour activer l’enregistrement pour le déclencheur. Dans le panneau Propriétés, cliquez de nouveau sur la flèche déroulante en regard de la propriété BitmapEffect, cliquez sur Biseau, puis affectez à la propriété BevelWidth la valeur 25.
Une nouvelle ligne apparaît sous Propriétés une fois actif sous Déclencheurs, reflétant le changement de propriété qui se produit lorsque l’on clique sur l’élément Tab avec la souris.
Cliquez sur le bouton Étendue supérieure
de nouveau pour revenir au mode d’édition du document.Pour appliquer l’élément personnalisé à l’autre élément Tab dans votre contrôle Tab, cliquez avec le bouton droit sur l’autre élément Tab sous Objets et chronologie, pointez sur Modifier des parties du contrôle (Modèle), pointez sur Appliquer la ressource, puis cliquez sur le nom du modèle de contrôle.
Testez votre application (F5) pour voir les effets.