Làm thế nào để loại bỏ Glow của Button trên chuột di chuột trong WPF

Question

Tôi đang sử dụng một nút đơn giản trong WPF. Tôi đã đặt hình ảnh cho nút trên nền. Vấn đề của tôi là, khi tôi di chuyển con trỏ chuột đến nút, nó sẽ nhận được ánh sáng mặc định và ghi đè hình ảnh được đưa ra dưới dạng nền.

 <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> 

Hãy giúp tôi.

Answer 1

Được xác định trong nút ControlTemplate. Bạn nên tạo của riêng bạn.

ví dụ như thế này.

<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> 

Sau đó, bạn có thể áp dụng kiểu này cho Nút của mình. và đặt nền cho hình ảnh đó của bạn.

<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>