Is there a way to implement pinch-zoom and panning on an Image without relying on animations?

Question

I’m working with an Image control and I’m trying to implement pinch-zoom and panning.

None of the ready-to-go samples on the web, which handles the zoom and pan, worked as smoothly as the native Photos app on Windows Phone or like when viewing an image in Internet Explorer.

This led me to implement my own way of handling them which included me trying the following ways: (Scaling works as of now and I’m trying to get the panning to work too)

Putting the Image inside a ViewportControl; resulted in incredibly jerky scaling, but panning works smoothly. Setting UseOptimizedManipulationRouting="False" on the image didn't make a difference.
Putting the Image inside a ScrollViewer; scaling doesn't even work and panning is glitchy (jerky sometimes).
Using only the Image control and making use of animations to handle the smooth panning.

I haven't implemented step 3 yet, because I can't shake the feeling I've missed something. How can something so widely used be this hard to implement? :|

So my question is

What do I need to do to implement pinch-zoom and panning as smooth as in the Photos app?
If animations are the way to go can they be used to smooth scaling and translations to match that of the native experience?

Animations (in your case, TranslateTransform and ScaleTransform) are hardware accelerated if used properly. They should be as smooth as needed (especially if you combine them with an easing function) — Kevin Gosse, Apr 03 '15 at 08:15
@KooKiz okay. So are you saying animation is what I should be doing? — Aswin Koliyot, Apr 03 '15 at 14:05
It's definitely faster and easier than any other solution I could come up with — Kevin Gosse, Apr 03 '15 at 14:46
@KooKiz Yeah. I've spent more than a week on this one issue and now I'm leaning towards using animations too. — Aswin Koliyot, Apr 03 '15 at 16:28

Is there a way to implement pinch-zoom and panning on an Image without relying on animations?

0 Answers0