使用Adobe XD拖移功能模拟QQ横向滑动删除效果

原型拖动手势是Adobe XD CC 13.0版本新增的功能，可以模拟移动端手势拖动的效果，本教程使用Adobe XD拖移功能模拟QQ横向滑动删除效果。' , '

原型拖动手势是Adobe XD CC 13.0版本新增的功能，可以模拟移动端手势拖动的效果，本教程使用Adobe XD拖移功能模拟QQ横向滑动删除效果。

时间原因，教程很粗糙，仅为演示Adobe XD 的手势拖移功能，大家制作过程中可以再精细一些，最终效果如图：

首先，我在第一个画板上，画多个矩形，其中一个画板内矩形和画板外红色矩形（删除按钮）打组，如图所示：

第二步，复制第一个画板，移动打组的矩形和红色矩形（按钮）的位置，如图：

第三步，复制第二个画板，删除打组的矩形和红色矩形（删除按钮），移动下方矩形的位置，如图：

第四步，开始切换到原型模式，选中第一个画板打组的矩形和红色矩形（删除按钮）创建交互：

触发 -- 拖移

动作 -- 自动制作动画

目标 -- 第二个画板

第五步，选中第二个画板的打组的矩形和红色矩形（删除按钮）创建交互：

触发 -- 点击

动作 -- 自动制作动画

目标 -- 第三个画板

缓动 -- 渐出

持续时间 -- 0.3秒

大功告成