使用 PanGestureRecognizer 显示所有缩放的图像内容

Created: November-22, 2018

当你有一个缩放的 Image（或其他内容）时，你可能想要在 Image 周围拖动以显示其在放大状态下的所有内容。

这可以通过实现 PanGestureRecognizer 来实现。从代码看起来像这样：

var panGesture = new PanGestureRecognizer();
panGesture.PanUpdated += (s, e) => {
  // Handle the pan
};

image.GestureRecognizers.Add(panGesture);

这也可以通过 XAML 完成：

<Image Source="MonoMonkey.jpg">
  <Image.GestureRecognizers>
    <PanGestureRecognizer PanUpdated="OnPanUpdated" />
  </Image.GestureRecognizers>
</Image>

在代码隐藏事件中，你现在可以相应地处理平移。使用此方法签名来处理它：

void OnPanUpdated (object sender, PanUpdatedEventArgs e)
{
  // Handle the pan
}