Axure教程 动态面板拖动效果-函数DragX，DragY（11）

Nairo
3 评论 30439 浏览 4 收藏 2 分钟

本教程案例原型下载：动态面板拖动效果（函数DragX，DragY）

今天的教程示例如下：

如图，是通过拖动任意一个面板，让另外一个面板镜像移动。

看似有些复杂的效果，其实非常简单就实现了。

首先介绍两个函数：

DragX：获取被拖动面板左右瞬时挪动的距离；

DragY：获取被拖动面板上下瞬时挪动的距离；

我们只需要在两个动态面板里各写上两个动作就好了。

左面的面板，我们当面板拖动时，将它设置为拖动状态，这样就能随意拖动了；

然后，让左面面板拖动的时候，右面的面板移动相对距离，因为我们是让两个面板上下方向（Y轴）同方向移动，而左右方向（X轴）朝相反的方向移动。所以在相对距离里面X轴我们要把DragX前面加上负号，这样就是反方向移动了。Y轴就直接获取DragY的函数值就可以了。

20-1

同理，我们在右边的面板上，也写上这两个动作，这样拖动右面板的的时候左面板也镜像移动了。

20-2

好了，让我们看看效果！

 

作者：小楼一夜听春雨

更多精彩内容，请关注人人都是产品经理微信公众号或下载App
Nairo
人人都是产品经理内容运营团队
1408篇作品 38689419总阅读量
我们盘了海外KOL生态，找到了出海KOL营销的5个关键打法
05-194038 浏览
我们盘了海外KOL生态，找到了出海KOL营销的5个关键打法
店铺优惠券管理及用户使用流程说明需求文档
06-055005 浏览
店铺优惠券管理及用户使用流程说明需求文档
挣扎的社区团购：野团疯长，巨头后撤
04-272669 浏览
挣扎的社区团购：野团疯长，巨头后撤
私域的终局是品牌社区
08-299210 浏览
私域的终局是品牌社区
被出售的出海App，将海外公司养到全球非游厂商收入Top10？
07-143033 浏览
被出售的出海App，将海外公司养到全球非游厂商收入Top10？
评论
评论请登录

  1. 为什么我做出来的只能在动态面板范围内拖动，

    来自广东 回复

  2. 这个效果的实用性在哪里体现？

    来自广东 回复