ボタンのマウスオーバーを無効にする

Question

私は背景イメージを持つwppfボタンを持っています。

背景にマウスを置くと空になり、ボタンが表示されます。

マウスエフェクトを無効にするにはどうすればよいですか？

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

Answer 1

ボタンの視覚的なマウスオーバーの効果を無効にする方法は次のとおりです。私はトリガーやもので遊ぶ方法を感じ取るために、自分の設定の一部を残しました。自由に実験してください！

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

EDIT：FocusVisualStyleは（最初の2行）nullに設定+ "BASEDON" を使用すると効果の上にマウスを取り除きます。それ以外はすべて単なる例です。私はトリガーでそれをプレイするためにボーダーを追加しました（私はカスタムマウスオーバー効果が必要なので）。

Answer 2

ButtonのControlTemplateでは、Backgroundプロパティがトリガによって上書きされます。
あなたは全体ControlTemplateをやり直すと背景の変更を残すか、単にすべてのこれらの合併症を避けるためにそのようなあなたのButtonの内容として画像を追加することができ、次のいずれか

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

それとも、そこにテキストが必要な場合は、同様に：

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