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

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

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

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

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

Talk is cheap, show you the code.

接下来是交互事件

在我们日常生活中使用小红书App时，对于查看图片想进行放大，可以通过手指按住图片就可以放大，或者是进行【保存】后，在相册里进行放大查看，下面来演示具体怎么 *** 作。

（派带滑参考环境:  手机型号:OPPOK9,  手机系统:Android11 ,ColorOSV11.1  APP版本:小红书7.78）

方法一: 使用手指

1.打开手机桌行搏面上的的小红书。

2.在小红书中，选择自己需要查看的图片，点击进入。

3.进入后，查看图片时，可以按住图片进行放大，如下图1，2的演示对比。

方法二:在相册保存放大

1.在小红书中，进行尘腊长按出现菜单栏时，点击【保存】。

2.保存需要的图片后，会提示【保存成功】。

3.在退出小红书后，返回打开手机系统的相册。

4.进入后，找到之前保存的小红书图片进行打开。

5.在进行手指点击图片滑动放大。

以上就是小红书放大的图片方式，如有不同见解，欢迎留言交流