UWP Scrollviewer 缩放与反弹动画答案

【问题标题】：UWP Scrollviewer zoom with bounce animationUWP Scrollviewer 缩放与反弹动画
【发布时间】：2018-03-09 13:00:53
【问题描述】：

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

所以我用 ZoomMode=Enabled 将我的图像控件包装在一个滚动查看器中，并让捏合缩放功能正常工作。我还可以在滚动查看器上监听 DoubleTapped 事件并通过调用 ScrollViewer.ChangeView() 来更新其缩放因子

但是调用 ScrollViewer.ChangeView() 会非常突然地改变缩放系数并且没有动画。

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

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

【问题讨论】：

【解决方案1】：

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

你可以做一个像开源库Win RT XAML Toolkit这样的extent ScrollViewer

这个库有一个ScrollViewerExtensions，它有一个ZoomToFactorWithAnimationAsync 方法。当你用这个方法改变ScrollViewer的ZoomFactor时，它会随着动画的变化而变化。

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

【讨论】：

【解决方案2】：

在这里查看我的答案：

附有视频演示。

【讨论】：