2009-10-01 153 views

回答

68

您需要使用觸發器上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> 

注意,觸發器只能用在樣式中,並且爲了讓觸發器更改屬性,該屬性的值必須由樣式設置,而不是在元素上明確設置。

+2

請注意,觸發器只能在樣式中使用,並且爲了讓觸發器更改屬性,該屬性的值必須由樣式設置,而不是在元素上明確設置。 - 這只是讓我非常清楚地感謝了一些問題! –

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

還有其他觸發方式。好吧?

相關問題