Axure教程 动态面板拖动效果-函数DragX,DragY(11)

   2021-07-30 东莞安晨包装材料有限公司东莞安晨包装材料有限公司00
核心提示:本教程案例原型下载:动态面板拖动效果(函数DragX,DragY) 今天的教程示例如下: 如图,是通过拖动任意一个面板,让另外一个面

本教程案例原型下载:动态面板拖动效果(函数DragX,DragY)

今天的教程示例如下:

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

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

首先介绍两个函数:

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

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

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

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

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

20-1

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

20-2

好了,让我们看看效果!

 

作者:小楼一夜听春雨

---蛙鱼源码WAYUYM.COM---专业提供网站模板,网站源码下载,教程培训,程序插件,网站素材等建站资源,主要收集各类精品源码资源,包含CMS程序模板、网站源码、游戏源码、APP源码等 ,所有资源都没有水印适合搬运,我们致力于打造一个优秀的建站资源共享学习平台!

东莞市安辰包装材料有限公司是生产各类包装袋产品(编织袋、包装袋、牛皮纸袋、彩印袋、纸袋、纸塑复合袋等)的专业厂家,设备先进,技术力量雄厚,自动化生产技术先进,产品质量符合国家标准,价格合理,可根据客户要求,生产各种包装袋,具有质量保证,生产及时,交货快捷的特点。 我们的宗旨:做我们擅长的事,希望用我们的创意和创意为客户实现战略定位,塑造品牌,强化形象!
我们的要求:坚持“优质产品、优质服务、优惠价格、快速交货”的经营方针,努力开拓市场,真诚为客户服务! 我们的发展:以独特的专业和专业精神,坚持走高品质的包装路线,形成了自己的包装品牌!联系方式:李冠生:131 1322 4868--微信同号,欢迎来电。进入安晨包装官网 编织袋厂家

 
举报收藏 0打赏 0评论 0
更多>相关评论
暂时没有评论,来说点什么吧
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  帮助中心  |  网站地图  |  违规举报
粤ICP备2020133925号