微信小程序 单指平移 双指缩放图片功能

实现功能参考： 微信小碧困程序自定义组件实现图片单指拖动、双指缩放效果 有修改。

给图片加拖灶慧旁动事件，我们需要知道它什么时候被点击、被拖拽和拖拽结束。

通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动隐橡效果和所有 *** 作结束松手后的回d效果。

通过修改imageView的宽和高以实现图片放大缩小的效果。且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。

Talk is cheap, show you the code.

接下来是交互事件

ipad的一些手势技巧：

1、四指（五指）向上滑动

该 *** 作可以直接进入到iOS的多任务视图里，点击卡片可切换应用，或者如果你需要返回之前所用应用的时候，就使用老培四只或者五只手指向下滑动屏幕。

2、四只或者五只手指左右滑动

如果你不想进入多任务屏幕中切换应用，你可以这样做：四只或者五只手指向左或者向右滑动。这样你可以拉出许多开启的应用，不需要按氏扒下歼含昌Home键。

3、五只手指捏屏幕

这又有一个好办法让iPad用户不需要触摸Hone键。任何时候你想返回到主屏幕，用五根手指捏住屏幕即可，放慢速度的话，你可以看到屏幕慢慢被你捏小，回到主屏幕的过程。

4、使用手指分开键盘

如果你曾经使用拇指在 iPad 的虚拟键盘上打字，你会知道这种体验并不是十分舒服。如果有时候你觉得在 iPad 上打字不方便，或许把键盘分开会好一些。键盘分开的 *** 作很简单，使用手指分别按住键盘两边，然后把键盘分成两个部分即可。

---