<samp id="sJpiZ"><i id="sJpiZ"><strong id="sJpiZ"></strong></i></samp><meter id="sJpiZ"></meter><strike id="sJpiZ"></strike><aside id="sJpiZ"></aside>

<param id="sJpiZ"><noscript id="sJpiZ"></noscript><p id="sJpiZ"><span id="sJpiZ"><nav id="sJpiZ"><td id="sJpiZ"></td></nav><var id="sJpiZ"><video id="sJpiZ"></video><param id="sJpiZ"></param></var></span></p><dd id="sJpiZ"><nav id="sJpiZ"></nav></dd></param><canvas id="sJpiZ"><em id="sJpiZ"><noscript id="sJpiZ"><tr id="sJpiZ"></tr></noscript></em></canvas>

        1. <section id="sJpiZ"><progress id="sJpiZ"></progress></section><noframes id="sJpiZ"><colgroup id="sJpiZ"><colgroup id="sJpiZ"><del id="sJpiZ"></del></colgroup></colgroup><input id="sJpiZ"><progress id="sJpiZ"><figcaption id="sJpiZ"></figcaption></progress></input>
        2. 使用Adobe XD拖移功能模拟QQ横向滑动删除效果

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

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


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

          01.gif首先,我在第一个画板上,画多个矩形,其中一个画板内矩形和画板外红色矩形(删除按钮)打组,如图所示:

          02.png


          第二步,复制第一个画板,移动打组的矩形和红色矩形(按钮)的位置,如图:

          3.png

          第三步,复制第二个画板,删除打组的矩形和红色矩形(删除按钮),移动下方矩形的位置,如图:

          4.png

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

          触发 -- 拖移

          动作 -- 自动制作动画

          目标 -- 第二个画板

          5.jpg

          第五步,选中第二个画板的打组的矩形和红色矩形(删除按钮)创建交互:

          触发 -- 点击

          动作 -- 自动制作动画

          目标 -- 第三个画板

          缓动 -- 渐出

          持续时间 -- 0.3秒

          6.jpg

          大功告成

          Xdy中文网三年来持续分享Adobe XD 素材、资讯、教程、插件、模板、中文手册等XD资源;队尤隥Q群:105772173 与大神们一起交流(前5分钟默认禁言)

          交流QQ群

          Adobe XD入门到精通视频课程
          交互插件团购

          请使用手机扫描二维码加入QQ群