如何在XAML中爲邊框設置MouseOver事件/觸發器？

Question

如何在XAML中爲邊框設置MouseOver事件/觸發器？我希望邊框在鼠標結束時變爲綠色，然後當鼠標不再位於邊界時返回藍色。爲什麼我不能只使用下面的代碼：

<Border 
    Name="ClearButtonBorder" 
    Grid.Column="1" 
    CornerRadius="0,3,3,0" 
    Background="Blue"> 
    <Border.Triggers> 
     <Trigger Property="Border.IsMouseOver" Value="True"> 
      <Setter Property="Border.Background" Value="Green" /> 
     </Trigger> 
     <Trigger Property="Border.IsMouseOver" Value="False"> 
      <Setter Property="Border.Background" Value="Blue" /> 
     </Trigger> 
    </Border.Triggers> 
    <TextBlock 
     HorizontalAlignment="Center" 
     VerticalAlignment="Center" 
     Text="X" /> 
</Border> 

我真的不明白這些觸發器和樣式在WPF。這是一種拖累，不能實現這樣簡單的事情。請爲我提供解決方案，並幫助我理解我的代碼出了什麼問題？謝謝一堆。

Answer 1

是的，這是混淆了......

據this blog post，看起來這是WPF的疏忽。

爲了使它工作，你需要使用樣式：

<Border Name="ClearButtonBorder" Grid.Column="1" CornerRadius="0,3,3,0"> 
     <Border.Style> 
      <Style> 
       <Setter Property="Border.Background" Value="Blue"/> 
       <Style.Triggers> 
        <Trigger Property="Border.IsMouseOver" Value="True"> 
         <Setter Property="Border.Background" Value="Green" /> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Border.Style> 
     <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="X" /> 
    </Border> 

我想這個問題並不常見，因爲大多數人往往會分解出這樣的事情變成一種風格，所以可以用於多個控件。