UWP Scrollviewer Zoom mit Bounce-Animation

Question

In meiner UWP-App versuche ich, die Unterstützung für das Zoomen eines Bildes durch Doppelklick oder durch Pinch-To-Zoom-Geste hinzuzufügen.

Also habe ich meine Bildkontrolle in einen Scrollviewer mit ZoomMode = Enabled eingepackt und die Pinch-to-Zoom funktioniert. Ich kann auch das DoubleTapped-Ereignis auf dem Scrollviewer anhören und den Zoomfaktor durch einen Aufruf von ScrollViewer.ChangeView()

aktualisieren. Aber ein Aufruf von ScrollViewer.ChangeView() wird den Zoomfaktor sehr abrupt und ohne Animation ändern.

Was ich tun möchte ist, den Zoomfaktor des Scrollviewer mit einer Animation, die eine Bounce-Easing-Funktion hat, zu ändern.

Irgendwelche Ideen, wie dies getan werden kann?

Answer 1

Was ich tun möchte ist, den Zoomfaktor des Scrollviewer mit einer Animation, die eine Bounce Easing-Funktion hat, zu ändern.

Sie könnten einen Umfang Scroll wie die Open-Source-Bibliothek machen Win RT XAML Toolkit

Diese Bibliothek eine ScrollViewerExtensions hat, die eine ZoomToFactorWithAnimationAsync Methode hat. Wenn Sie diese Methode verwenden, um den ZoomFactor von ScrollViewer zu ändern, ändert sich dies mit der Animation.

Die Methode ZoomToFactorWithAnimationAsync fügt tatsächlich eine DoubleAnimation für ZoomFactor hinzu. Sie könnten here für weitere Informationen sehen.