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

S.Akbari @

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