WPF: change la couleur de fond de la frontière sur le bouton gauche de la souris

Ci-dessous est un style que j'utilise pour les boutons de ma demande. Maintenant, je vais essayer de changer la couleur de fond de la Border élément qui a le nom de "Background" lorsque l'utilisateur clique sur le bouton avec le bouton gauche de la souris.

Comment dois-je faire?

<Style TargetType="{x:Type Button}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border BorderBrush="#6e6964" BorderThickness="1" CornerRadius="1" Margin="{TemplateBinding Margin}" SnapsToDevicePixels="True">
<Border BorderBrush="White" BorderThickness="1" CornerRadius="1" SnapsToDevicePixels="True">
<Border Padding="12,4,12,4" SnapsToDevicePixels="True" Name="Background">
<Border.Background>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="#f1f1f1" Offset="1"/>
</LinearGradientBrush>
</Border.Background>
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
</Border>
</Border>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" TargetName="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="#edf8fb"/>
<GradientStop Offset="1" Color="#e2edf0"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
  • Plus d'informations est nécessaire pour répondre: Êtes-vous changer la couleur d'un autre "pré-défini de couleur" ou êtes-vous désireux de faire apparaître une boîte de dialogue permettant à l'utilisateur de choisir leurs propres couleurs?
  • Non, je veux juste changer n'importe quelle couleur. Si cela rend tout plus facile, disons que je veux Red. 🙂
InformationsquelleAutor Deniz Dogan | 2010-02-05
  1. 17

    Vous avez juste besoin de propriété déclencheur:

                <ControlTemplate.Triggers>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Background" TargetName="Background" Value="Red"/>
</Trigger>
</ControlTemplate.Triggers>
    • Merci beaucoup! J'ai regardé pour une telle propriété, mais ne pouvait pas le trouver!
    • Pouvez-vous nous en dire un bien semblable à la zone de liste déroulante, IsPressed est de donner une erreur de compilation.
    • utilisez le Bouton.IsPressed ici, comme nous nous servons de modèle de contrôle
    InformationsquelleAutor Rob Fonseca-Ensor
  2. 4

    Vous avez besoin d'un EventTrigger

    Donner un ou deux de vos Frontières GradientStops un nom (pas celles de votre Trigger):

    <GradientStop Color="#f1f1f1" Offset="1" x:Name="Stop2" />

    Et les ajouter dans la suite de EventTrigger à votre ControlTemplate.Déclencheurs:

    <EventTrigger RoutedEvent="Button.Click">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation Storyboard.TargetName="Stop2" Storyboard.TargetProperty="Color" To="Red" Duration="0" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>

    Si vous souhaitez modifier vos deux couleurs de dégradé être sûr de leur donner un nom et d'effectuer une ColorAnimation sur chacun d'eux individuellement (je pense que vous pouvez faire les deux dans la même storyboard)

    Espère que cela aide!

    Edit: Cela permettra de rendre la modification permanente sur un événement Click (j'ai testé avec VS 2010 Beta 2 et Bouton.MouseLeftButtonDown ne fonctionne pas, mais le Bouton.Cliquez sur ne fonctionne que pour la souris bouton gauche vers le bas mais pas le bouton droit de la souris vers le bas). Si vous souhaitez seulement avoir le changement alors que la souris est à tomber... mais le retour à une valeur normale lorsque le bouton est plus pressé... alors vous devriez utiliser la Propriété IsPressed Déclencheur comme indiqué dans l'autre réponse.

    InformationsquelleAutor Scott