UWP Scrollviewer使用反射动画进行缩放

时间:2017-09-27 22:14:44

标签: uwp zoom scrollviewer zooming pinchzoom

在我的UWP应用中,我尝试通过双击或通过双指缩放手势添加对缩放图像的支持。

所以我将我的图像控件包装在一个ZoomMode = Enabled的滚动查看器中,并进行了缩放 - 缩放工作。我还可以在scrollviewer上收听DoubleTapped事件,并通过调用ScrollViewer.ChangeView()来更新其缩放因子

但是调用ScrollViewer.ChangeView()会非常突然地改变缩放因子而没有动画。

我想要做的是使用具有反弹缓动功能的动画来更改滚动查看器的缩放系数。

关于如何做到这一点的任何想法?

2 个答案:

答案 0 :(得分:0)

  

我想要做的是使用具有反弹缓动功能的动画来更改滚动查看器的缩放系数。

你可以使ScrollViewer像开源库Win RT XAML Toolkit

一样

此库的ScrollViewerExtensions具有ZoomToFactorWithAnimationAsync方法。当您使用此方法更改ScrollViewer的ZoomFactor时,它将随动画而变化。

ZoomToFactorWithAnimationAsync方法实际上为ZoomFactor添加了DoubleAnimation。您可以查看here以获取更多详细信息。

答案 1 :(得分:0)

在这里查看我的答案:

How to scroll to element in UWP

附有视频演示。