So entfernen Sie Glow of Button auf Mouse Hover in WPF

Question

Ich verwende eine einfache Schaltfläche in WPF. Ich habe ein Bild für die Schaltfläche im Hintergrund gelegt. Mein Problem ist, wenn ich den Mauszeiger auf die Schaltfläche bewegen, bekomme ich einen Standard-Schein und überschreibe das Bild als Hintergrund.

 <Button Grid.Column="3" Name="Play" BorderBrush="Transparent" 
      Focusable="False" Width="45" Height="45" Click="Play_Click" 
      VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,6,10,6"> 
      <Button.Background > 
       <ImageBrush ImageSource="images/play.png" /> 
      </Button.Background> 
      <Button.Foreground> 
       <ImageBrush ImageSource="images/play.png" /> 
      </Button.Foreground> 
     </Button> 

Bitte helfen Sie mir.

Answer 1

Es ist in Button ControlTemplate definiert. Sie sollten Ihre eigenen erstellen.

zum Beispiel so.

<Style x:Key="MyButtonStyle" TargetType="Button"> 
    <Setter Property="Template"> 
    <Setter.Value> 
     <ControlTemplate TargetType="Button"> 
      <Grid Background="{TemplateBinding Background}"> 
       <ContentPresenter HorizontalAlignment="Center" 
         VerticalAlignment="Center"/> 
      </Grid> 
     </ControlTemplate> 
    </Setter.Value> 
    </Setter> 
</Style> 

Dann können Sie diesen Stil auf Ihre Schaltfläche anwenden. und setze Hintergrund zu diesem Bild von dir.

<Button Style="{StaticResource MyButtonStyle}" Grid.Column="3" Name="Play" BorderBrush="Transparent" 
     Focusable="False" Width="45" Height="45" Click="Play_Click" 
     VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,6,10,6"> 
     <Button.Background > 
      <ImageBrush ImageSource="images/play.png" /> 
     </Button.Background> 
</Button>