DataTemplate中按鈕的MouseOver效果

Question

我使用DataTemplate來顯示一些帶有自定義視圖（包括圖像，文本等）的按鈕。下面是一個簡單的例子：

<DataTemplate DataType="{x:Type viewModel:ActionItem}"> 

    <Button Background="SlateGray" Command="{Binding Command}"> 
     <Button.Style> 
      <Style TargetType="{x:Type Button}"> 
       <Setter Property="Background" Value="Green"/> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type Button}"> 
          <Border Background="{TemplateBinding Background}"> 
           <ContentPresenter /> 
          </Border> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
       <Style.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="Background" Value="DarkGoldenrod"/> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </Button.Style> 

     <TextBlock Text="{Binding Name}" /> 

    </Button> 

</DataTemplate> 

爲什麼鼠標移到效果不工作？

Answer 1

因爲Background="SlateGray"會覆蓋任何可以在樣式中觸發的內容。刪除那一點，它應該工作。

Answer 2

請設置觸發模板級像

<DataTemplate DataType="{x:Type viewModel:ActionItem}"> 

    <Button Background="SlateGray" Command="{Binding Command}"> 
     <Button.Style> 
      <Style TargetType="{x:Type Button}"> 
       <Setter Property="Background" Value="Green"/> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <ControlTemplate TargetType="{x:Type Button}"> 
          <Border Background="{TemplateBinding Background}"> 
           <ContentPresenter /> 
          </Border> 

       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Setter Property="Background" Value="DarkGoldenrod"/> 
        </Trigger> 
       </ControlTemplate.Triggers> 
         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 

      </Style> 
     </Button.Style> 

     <TextBlock Text="{Binding Name}" /> 

    </Button> 

</DataTemplate>