Comment supprimer l'effet de survol par défaut des boutons WPF ?

Question

Mon problème est que, dans WPF, lorsque j'essaie de modifier la couleur de l'arrière-plan d'un bouton à l'aide de déclencheurs ou d'animations, l'effet par défaut du passage de la souris (gris avec une lueur orange) semble avoir la priorité.

Après de nombreuses recherches, je ne sais pas comment supprimer cet effet.

Une aide ?

Merci,

Neil

Answer 1

Cette solution est similaire à celle mentionnée par Mark Heath, mais avec moins de code pour créer un bouton très basique, sans l'effet d'animation intégré au passage de la souris. Elle préserve un effet simple de survol de la souris en affichant la bordure du bouton en noir. Le style peut être inséré dans la section Window.Resources ou UserControl.Resources par exemple (comme indiqué).

    <UserControl.Resources>
        <!-- This style is used for buttons, to remove the WPF default 'animated' mouse over effect -->
        <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" 
                            BorderThickness="1"
                            Padding="4,2" 
                            BorderBrush="DarkGray" 
                            CornerRadius="3" 
                            Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="Black" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    </UserControl.Resources>

<!-- usage in xaml -->
<Button Style="{StaticResource MyButtonStyle}">Hello!</Button>

Answer 2

Pour ajouter une solution très simple, cela m'a suffi, et j'ai pensez à répond au problème de l'OP. J'ai utilisé la solution dans cette réponse sauf avec une Background au lieu d'une image.

<Style x:Key="SomeButtonStyle" TargetType="Button">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid Background="{TemplateBinding Background}">
                    <ContentPresenter />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Pas de re-réflexion au-delà du fait de forcer le Background pour toujours être le Transparent l'arrière-plan du bouton modèle - le passage de la souris n'affecte plus l'arrière-plan une fois que cela est fait. Remplacez évidemment Transparent avec n'importe quelle valeur préférée.

Answer 3

Vous devez créer votre propre modèle de bouton personnalisé pour avoir un contrôle total sur l'apparence dans tous les états. Voici un modèle de tutoriel .

Answer 4

L'homme aux muffins avait une réponse très simple qui a fonctionné pour moi.

Pour ajouter une orientation un peu plus spécifique, du moins pour VS 2013 :

• Cliquez avec le bouton droit de la souris sur le contrôle
• Sélectionnez Editer le modèle => Editer une copie...
• J'ai sélectionné "Application" pour l'endroit où enregistrer le style.
  • À partir de là, vous pouvez directement éditer App.xaml et voir les propriétés nommées intuitivement. Pour mes besoins, j'ai juste défini RenderMouseOver="False".
• Ensuite, dans le fichier MainWindow.xaml ou à l'endroit où se trouve votre interface graphique, vous pouvez coller le nouveau style à la fin de la balise Button, par exemple. ... Style="{DynamicResource MouseOverNonDefault}"/>

Answer 5

Ce lien m'a beaucoup aidé http://www.codescratcher.com/wpf/remove-default-mouse-over-effect-on-wpf-buttons/

Définir un style dans UserControl.Resources ou Ressources de la fenêtre

 <Window.Resources>
        <Style x:Key="MyButton" TargetType="Button">
            <Setter Property="OverridesDefaultStyle" Value="True" />
            <Setter Property="Cursor" Value="Hand" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Name="border" BorderThickness="0" BorderBrush="Black" Background="{TemplateBinding Background}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Opacity" Value="0.8" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

Ajoutez ensuite le style à votre bouton de la manière suivante Style="{StaticResource MyButton}"

<Button Name="btnSecond" Width="350" Height="120" Margin="15" Style="{StaticResource MyButton}">
    <Button.Background>
        <ImageBrush ImageSource="/Remove_Default_Button_Effect;component/Images/WithStyle.jpg"></ImageBrush>
    </Button.Background>
</Button>