egert eui库移动元素类

用到的是白鹭egert eui。

我这里假设的情况是,这个元素是外面还有一个容器包着的,它的parent的parent是宽高是舞台的宽高,如果你的不是,你可以根据实际情况自己改下,代码挺简单的。为了以后重复写相同的代码,所以就在此记录。


/**

 * 一个实现元素随着触摸移动的类
 * author:wbj
 * time:2017/2/22
 * email:1038848005@qq.com
 */
class move {
public constructor(ele) {
this.ele = ele;
this.flag = 0;
}


public ele:eui.Component; //要移动的元素
public flag:number; //判断是否已经按下
public localX; //按下的点再元素内的偏移量
public localY;    


public canMove(){
this.ele.addEventListener(egret.TouchEvent.TOUCH_BEGIN,this.beginTouch,this);
this.ele.addEventListener(egret.TouchEvent.TOUCH_MOVE,this.moving,this);
this.ele.addEventListener(egret.TouchEvent.TOUCH_END,this.end,this);


}


public beginTouch(evt:egret.TouchEvent){
this.flag = 1; //按下
this.localX = evt.localX;
this.localY = evt.localY;
}


public moving(evt:egret.TouchEvent){
if(this.flag == 1){ //当flag等于1的时候
//实时将元素移动到当前的触摸点
//获取到的全局坐标减去母亲的外坐标再减去偏移量就是应该移动到的地方
evt.currentTarget.x = evt.stageX-evt.currentTarget.parent.x-this.localX;
evt.currentTarget.y = evt.stageY-evt.currentTarget.parent.y-this.localY;
}
}


public end(){
this.flag = 0;
}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值