Home/ Questions/Q 8051437
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T07:18:15+00:00

I looked for this particular thing, because I thought it’s quite important and puzzling

  • 0

I looked for this particular thing, because I thought it’s quite important and puzzling thing, but I didn’t find anything on that matter. What I’m thinking about is time scaling in WPF and Silverlight animations.

Suppose that we have an DoubleAnimation that lasts 4s and animates a property from 0 to 100. It’s autoreversed, or there’s a complementing animation that reverses its effects, that’s not important. Let’s say that event triggering this animation is a simple MouseOver.

Here’s the problem: I hover my cursor over an element. The property gets from 0 to 100 in 4s. I move my cursor away for 1s, property gets from 100 to 75, and then I hover back. Now the property gets form 75 to 100 in 4s. It’s obvious to the user, that the animation runs 4 times slower. Is there any way to scale the time of an animation? If I would want this animation to run from 75 to 100 in 1s, how would I do that? I myself am thinking maybe of a Converter that would take four parameters (absolute beginning and end, actual beginning, and timespan for the whole interval) and then spit out the proper time. Is there any more elegant way?

I noticed that it’s generally not a problem when animations are fast. Human does not really observe the difference in speed when the animation runs in 0.2s or 0.1s, and maybe all animations should be as fast as possible to not deteriorate the experience. But please treat this question theoretically (hence no code sample). I’m just curious if there is any proper way to scale the animation time.

If there is an answer to my question somewhere over the web, please just direct me there.

Paweł

P.S. Don’t mind my english, I’m not a native speaker 😉

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I did some more research. It appears that the only good way to scale the animation time is by using MultiConverter, which takes in the boundary values (e.g. 0 and 100 from my previous example), the current value of the animated property, and the running time for the full animation (e.g. 4s in my example). Then it should calculate what percentage of the animation should be done (so if the current value is 75, and the full range is 0-100, then 25% of the animation is left), and the return value should be the aforementioned percantage of the original timespan (25% of 4s is 1s). Maybe that’s not the most elegant way to accomplish the goal, but it seems that it should work.

    • 0