微信小程序-类似探探的卡片拖拽切换

用户可以通过拖拽卡片，来将其移除。除此之外还添加了大量的交互式动画。

为了提升运行速度，采用了只生成两张卡片，并将其不断复用的方法。

当用户点击卡片式，记录此次的点击位置，并将这张卡片变小，产生按压的效果。

当用户拖拽卡片时，卡片会随着手指移动，并旋转。下方的卡片也会逐渐从透明度为0的状态显现出来。

当用户手指离开卡片时，判断是否要进行移除卡片 *** 作。如果需要，则根据卡片的方位移除该卡片，否则将卡片回归原位。

以下是移除卡片 *** 作，首先先将卡片移除屏幕，随后再将数据重新填充，回归原位，实现复用机制。

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

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

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

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

Talk is cheap, show you the code.

接下来是交互事件

优点

1. 无需安装，即用即开。2.没有恼人的通知没有恼人的通知是小程序的一大优势。举个例子，在不进行通知管理的情况下，微信视频在后台运行时视频内容推荐总会不时d出。不过如果使用小程序，这些恼人的推荐内容就不会再出现了。不仅如此，可能是小程序推广期的原因，目前使用小程序观看视频即使不是会员也可以观看5s广告后跳过广告，体验更加出色。

3.类型覆盖范围广 目前， 微信官方已经开放了包括商业服务、公益、IT科技、餐饮、旅游、电商平台等18个大类的开发，通过微信小程序，我们可以完成购物、外卖、生活服务等一系列的活动。缺点 1.通过扫一扫功能打开应用不支持长按识别为了增加与服务号之间的区分度，微信在入口、推荐方式等很多途径对小程序作出了限制。除了我们上文已经提到的不支持分享到朋友圈之外，微信甚至对于小程序通过扫一扫进入到方式也作出了限制。用户无法通过识别二维码的方式进入到小程序当中，而只能通过扫码的方式进入2.小程序会消耗内存

我们都知道，无需安装，即用即开是小程序的一大优点。不过这并不意味着小程序可以逆天到不消耗资源。当我们使用微信打开小程序的时候，微信所占用的内存资源是会明显上升的。

---