Partager via


Des couleurs, des dégradés, et opacité

Tous les éléments (UI) de l'interface utilisateur dans Visual Studio 2010 sont créés dans Windows (WPF) Presentation Foundation. Par conséquent, lorsque vous créez des fenêtres Outil ou d'autres éléments d'interface utilisateur, vous pouvez appliquer des couleurs, des dégradés, et l'opacité en définissant les attributs appropriés sur ces éléments. Vous pouvez les définir des valeurs spécifiques à l'aide de la fenêtre de Propriétés , ou vous pouvez interroger l'environnement de développement intégré (IDE) pour les valeurs système. Nous vous conseillons d'utiliser des valeurs système lorsque vous souhaitez que vos extensions pour ressembler au reste de l'IDE.

Windows Forms interface utilisateur et du code natif interface utilisateur sont toujours pris en charge pour la compatibilité descendante. Pour plus d'informations sur la définition des couleurs et des dégradés dans les extensions de WPF, consultez la documentation de Visual Studio 2008 .

définir des couleurs, des dégradés, et l'opacité

Vous pouvez définir de modifier l'apparence de la plupart des éléments XAML en définissant leur Background, Foreground, Opacity, ou d'autres attributs visuels. ces attributs correspondent aux propriétés qui prennent Brush comme valeur.

pour définir des couleurs d'arrière-plan, des dégradés, et l'opacité dans une fenêtre Outil

  1. ouvrez MyControl.xaml.

  2. Dans le volet de XAML , dans l'élément d' UserControl de niveau supérieur, tapez background=.

    Intellisense affiche une liste de couleurs pour l'attribut d'arrière-plan.

    Sélectionnez une couleur dans la liste.

  3. Dans la fenêtre de Propriétés , développez le nœud de Pinceaux , puis cliquez sur Arrière-plan.

    la fenêtre de Propriétés affiche un sélecteur de couleurs. Au-dessus de le sélecteur de couleurs est une ligne d'icônes qui représentent des pinceaux.

  4. utilisez les curseurs pour choisir une couleur.

    XAML les mises à jour immédiatement pour afficher la nouvelle couleur d'arrière-plan.

  5. Cliquez sur l'icône du dégradé de pinceau.

    Les modifications de sélecteur de couleurs à un sélecteur de dégradé.

  6. utilisez les curseurs pour choisir un dégradé.

    XAML les mises à jour immédiatement pour afficher le nouveau dégradé d'arrière-plan.

  7. Cliquez sur l'icône de pinceau image.

    Le sélecteur de dégradé passe à un outil de sélection d'image.

  8. Sélectionnez une image et définissez son étirement et disposez en mosaïque les paramètres.

    XAML les mises à jour immédiatement pour afficher la nouvelle image d'arrière-plan.

  9. cliquez sur l'icône null de pinceau.

    L'arrière-plan dans le concepteur revient neutre, et l'attribut d' BackGround est défini à "{x:Null}".

Interroger des valeurs système

Vous pouvez interroger des valeurs système à l'aide de les propriétés de classe d' VsBrushes , qui font référence aux pinceaux définis dans d'autres parties de Visual Studio.

Pour définir des couleurs, des dégradés, et l'opacité en interrogeant les valeurs système

  1. Sélectionnez un élément XAML.

  2. Dans la définition de l'élément, définissez l'un des attributs visuels de l'élément à une propriété de la classe d' VsBrushes , comme indiqué dans l'exemple suivant.

    <TextBlock Margin="10" HorizontalAlignment="Center" Foreground="{DynamicResource {x:Static vsfx:VsBrushes.ToolWindowTextKey}}">This is a toolwindow with WPF content</TextBlock>
    

    À l'aide de l'extension de DynamicResource permet à la valeur pour modifier au besoin, par exemple, lorsqu'un utilisateur modifie les paramètres. Vous devez utiliser l'extension de X : Statique car la classe d' VsBrushes ne fait pas partie de l'espace de noms de la valeur par défaut WPF.

Voir aussi

Concepts

Vue d'ensemble de la peinture avec des couleurs unies ou des dégradés

Autres ressources

interfaces utilisateur

fenêtres Outil