Làm cách nào để thay đổi hình ảnh khi di chuột qua trong WPF?

Question

Làm cách nào để thay đổi hình ảnh khi tôi di chuột lên ảnh?

Tất cả tôi có cho đến nay là:

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

Answer 1

Bạn cần phải sử dụng một Trigger trên tài sản IsMouseOver để thay đổi Nguồn Image:

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

Lưu ý rằng Triggers chỉ có thể được sử dụng bên trong Kiểu và để Trình kích hoạt thay đổi thuộc tính, giá trị của thuộc tính phải được đặt theo Kiểu và không được đặt rõ ràng trên phần tử.

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> 

Có nhiều cách khác kích hoạt. Được rồi?