ControlTemplate 내의 WPF Grid.Background에 대한 ColorAnimation에 대한 InvalidOperationException

Question

WPF GroupBox 컨트롤을 사용자 정의하고 있습니다. 마우스 포인터가 컨트롤 영역으로 들어갈 때 배경에 대한 컬러 애니메이션을 구현해야합니다. 예를 들어, 배경색을 미리 정의 된 색상으로 천천히 변경하십시오 (핑크색으로 변경). 이를 위해 사용자 지정 컨트롤 템플릿을 만들었습니다. 중요한 부분은 다음과 같습니다.

<ControlTemplate TargetType="{x:Type GroupBox}"> 
    <Grid Name="MainGrid" SnapsToDevicePixels="true"> 
     <!-- Control layout stuff with ContentPresenter --> 
    </Grid> 

    <ControlTemplate.Triggers> 
     <EventTrigger RoutedEvent="MouseEnter"> 
      <BeginStoryboard> 
       <Storyboard> 
        <ColorAnimation 
         Storyboard.TargetName="MainGrid" 
         Storyboard.TargetProperty="Background.(SolidColorBrush.Color)" 
         To="Pink" Duration="0:0:1" /> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger> 
    </ControlTemplate.Triggers> 
</ControlTemplate> 

그러나이 애니메이션은 작동하지 않습니다.

'System.InvalidOperationException'는이 같은 추가 정보 PresentationFramework.dll에서 발생 : 난 항상 형의 처리되지 않은 예외 얻을. '배경'속성 경로 '배경에 DependencyObject에 가리하지 않습니다 (0) '

나는이 문제를 봤다. 그것은, TargetProperty에 대한 올바른 구문을 사용하여 애니메이션을 적용해야합니다. 그러나, 나는 다음과 같은 것과 같은 변형을 많이 시도하고 그들은 모두 내 경우에는 작동하지 않습니다 내가

• Background.Color
• (Panel.Background).Color
• (Panel.Background).(SolidColorBrush.Color)
• (Grid.Background).(SolidColorBrush.Color)

를 검색 오전 올바른 방향이 아닌가?

Answer 1

TargetElement은 애니메이션을 작동 시키려면 스타일에 초기 Setter가 필요합니다.

예

<GroupBox> 
     <GroupBox.Style> 
      <Style TargetType="GroupBox"> 
       <Style.Setters> 
        <Setter Property="Template"> 
         <Setter.Value> 
          <ControlTemplate TargetType="{x:Type GroupBox}"> 
           <Grid Name="MainGrid" SnapsToDevicePixels="true"> 
            <Grid.Style> 
             <Style TargetType="Grid"> 
              <Setter Property="Background" Value="Blue"></Setter> 
             </Style> 
            </Grid.Style> 
            <ContentPresenter/> 
           </Grid> 
           <ControlTemplate.Triggers> 
            <EventTrigger RoutedEvent="MouseEnter"> 
             <BeginStoryboard> 
              <Storyboard> 
               <ColorAnimation Storyboard.TargetName="MainGrid" Storyboard.TargetProperty="Background.Color" To="Pink" Duration="0:0:1" /> 
              </Storyboard> 
             </BeginStoryboard> 
            </EventTrigger> 
           </ControlTemplate.Triggers> 
          </ControlTemplate> 
         </Setter.Value> 
        </Setter> 
       </Style.Setters> 
      </Style> 
     </GroupBox.Style> 
     <Button Content="test" Width="200" Height="50"></Button> 
    </GroupBox> 

이 작업을 수행 한 후, 당신은 쉽게 Storyboard.TargetProperty="Background.Color"