Jerky Animations in WPF

Question

I have an animation in WPF that is jerky, my WPF form is layed out as follows:

a 1280x800 Window contains a 2400x7** grid, seperated into 3 columns.

• Column 1 is * width
• Column 2 is 148 width
• Column 3 is * width

This allows me to, using an animation, chage the grid's margin to ~-1000 on the left side to bring the left column off screen, move the middle column to the far right, and then pan the right most column on screen (think of it like a 2 page panning design.)

This is all great, but my screen components animate at different speeds when i slide them left/right, is there a way to essentially double buffer my entire drawing space and pan it all together? or is this against the spirit of WPF.

Answer 1

I've checked your code and can verify the funny transition. However, the animation lags only when going to the right.

When I replaced your WebBrowser with a colored Border, the lag was gone.

So the conclusion would be that the issue here is the slow rendering of an outside hosted visual. The WebBrowser is an interop ui element, inheriting from HwndHost.

So it's definetly nothing to do with XAML, I think you're stuck with the performance as it is.