WPFでホバーオーバーで画像を変更するにはどうすればよいですか？

Question

画像の上にマウスを移動すると、画像をどのように変更できますか？

私がこれまで持っているすべては、次のとおりです。

<Image Height="32" Source="/images/Save32.png" /> 

Answer 1

あなたがイメージのソースを変更するためにIsMouseOverプロパティにトリガーを使用する必要があります。トリガにのみ使用することができることを

<Image> 
    <Image.Style> 
    <Style TargetType="{x:Type Image}"> 
     <Setter Property="Source" Value="C:\Image1.jpg"/> 
     <Style.Triggers> 
     <Trigger Property="IsMouseOver" Value="True"> 
      <Setter Property="Source" Value="C:\Image2.jpg"/> 
     </Trigger> 
     </Style.Triggers> 
    </Style> 
    </Image.Style> 
</Image> 

注意トリガーがプロパティを変更するには、そのプロパティの値をStyleで設定し、そのエレメントに対して明示的に設定しないでください。

Answer 2

<Image Stretch="Fill" > 
     <Image.Style> 
      <Style> 
       <Setter Property="Image.Source" Value="original.png" /> 
       <Style.Triggers> 
        <Trigger Property="Image.IsMouseOver" Value="True"> 
         <Setter Property="Image.Source" Value="mouseover.png" /> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Image.Style> 
</Image> 

トリガする方法は他にもあります。大丈夫？