InvalidOperationException для ColorAnimation для WPF Grid.Background внутри ControlTemplate

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 с дополнительной информацией как это:. свойство «Background» не указывает на DependencyObject в пути «Background (0) '

Я столкнулся с этой проблемой. Кажется, мне нужно использовать правильный синтаксис для анимации TargetProperty. Тем не менее, я пробовал много вариантов, как следующие из них и все они не работают в моем случае:

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

Могу ли я искать не в правильном направлении?

Answer 1

Ваш TargetElement нуждается в исходном сеттере в своем стиле, чтобы заставить анимацию работать.

Пример

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