Vô hiệu hóa nút chuột có hiệu lực

Question

Tôi có nút wppf có hình nền.

Khi tôi di chuột qua nền sẽ trống và nút được hiển thị.

Làm cách nào để tắt hiệu ứng chuột?

<Button BorderBrush="{x:Null}" Content="Reset" BorderThickness="0"Foreground="White" Focusable="False"> 
         <Button.Background> 
          <ImageBrush ImageSource="button.png" /> 
         </Button.Background> 

Answer 1

Đây là cách tôi tắt hiệu ứng di chuột trực quan trên các nút. Tôi đã để lại một số cài đặt của tôi chỉ để giúp bạn có cảm giác về cách chơi với trình kích hoạt và nội dung, cảm thấy tự do để thử nghiệm!

<Style TargetType="Button" x:Key="ImageButton" BasedOn="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"> 
    <Setter Property="FocusVisualStyle" Value="{x:Null}" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="Button"> 
       <Border Name="border" 
         BorderThickness="{TemplateBinding BorderThickness}" 
         Padding="{TemplateBinding Padding}" 
         BorderBrush="{TemplateBinding BorderBrush}" 
         CornerRadius="5" 
         Background="{TemplateBinding Background}"> 
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="BorderBrush" Value="Gainsboro" /> 
        </Trigger> 
        <Trigger Property="IsEnabled" Value="false"> 
         <Setter Property="Opacity" Value="0.25" /> 
         <Setter Property="BorderBrush" Value="Transparent" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

CHỈNH SỬA: Sử dụng cài đặt "BasedOn" + FocusVisualStyle thành null (2 dòng đầu tiên) sẽ loại bỏ hiệu ứng chuột. Mọi thứ khác chỉ là ví dụ. Tôi đã thêm một đường viền ở đó để chơi với nó thông qua một trigger (vì tôi muốn có hiệu ứng di chuột tùy chỉnh).

Answer 2

Trong ControlTemplate trong số Button thuộc tính Nền sẽ bị ghi đè bởi trình kích hoạt.
Bạn có thể thực hiện lại toàn bộ ControlTemplate và bỏ qua sự thay đổi nền hoặc chỉ cần thêm hình ảnh như nội dung của Button của bạn như vậy để tránh tất cả những biến chứng:

<Button.Content> 
    <Image Source="button.png" /> 
</Button.Content> 

Hoặc nếu bạn cần các văn bản trong đó là tốt :

<Button.Content> 
    <Grid> 
     <Image Source="button.png" /> 
     <TextBlock Text="Reset" VerticalAlignment="Center" HorizontalAlignment="Center" /> 
    <Grid> 
</Button.Content>