用到的是白鹭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;
}
}