Binding EasingColorKeyFrame value to control property

Question

I have an animation that quickly changes the background of a custom control. Originally all the values for the EasingColorKeyFrames where set to static resource properties. I'm attempting to change these values to use a Color dependency property of the control but it does not seem to be working. Below is my StoryBoard definition

<Storyboard x:Name="PadFlash">
   <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="Pad">
      <EasingColorKeyFrame KeyTime="0:0:0.0" Value="#FFBB9F8F"/>
      <EasingColorKeyFrame KeyTime="0:0:0.2" Value="{Binding RelativeSource={RelativeSource Self}, Path=CurrentColor}"/>
   </ColorAnimationUsingKeyFrames>
</Storyboard>

The control background that I'm animating can have it's background configured at runtime and I need my animation to quickly flash a highlighting color then return to the background of the control. Since the control background is configurable the animation value for the last EasingColorKeyFrame needs to be dynamic and use the CurrentColor property as its value. CurrentColor is a dependency property of the control and is working correctly in code behind but not in this animation. When the animation occurs the highlight color appears then the control background turns to black and I can tell from debugging that the getter of the dependency property is not being called.

Is it possible to use a dependency properties for EasingColorKeyFrame animation values?

Answer 1

The definition of EasingColorKeyFrame class support Dependency Object. https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.media.animation.easingcolorkeyframe.aspx.

http://stackoverflow.com/questions/8892234/binding-easingcolorkeyframe-value.

Answer 2

Thanks, but none of the articles you listed solve my problem. After reading the API docs I've discovered that this value can on be set in XAML with a static resource or color string value.

Answer 3

Hi Jim,

Does your problem persist? If so, can you post a repro project here to make your problem clear? Use your OneDrive and share a link.

Regards,

---

We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place. Click HERE to participate the survey.

Answer 4

The problem is still there, but I've found another way to get the animation effect I need. If I have some time I'll post a project to reproduce the issue.