Egret与FairyGUI的小技巧记录(持续更新)


1.如何在egret中使用fairygui的像素点击测试?

        fairygui并没有针对egret实现pixelHitTest,原因不详。考虑到fairygui中的UIContainer是用hitarea来测试点击的,所以针对这一点做了一些处理:

//重写fairygui UIContainer hitTest 方法
UIContainer.prototype.$hitTest = function(stageX:number, stageY:number):DisplayObject {
    let ret:DisplayObject = egret.DisplayObjectContainer.prototype.$hitTest.apply(this, [stageX, stageY]);
    if (ret == this) {
    if (!this.touchEnabled || this._hitArea == null)
        return null;
    }
        return ret;
}

        有点暴力,舍弃了hitarea,会不会引发其他问题有待考证。

        然后我们还需要设置相应的Bitmap的pixelHitTest属性为true,这里举例是自己封装的Eloader中添加如下函数:

public set pixelHitTest(val:boolean) {
    let loader:GLoader = this.img
    if (loader.content instanceof Bitmap){
        loader.content.pixelHitTest = val;    }
}

        其中的img是fairyGUI的Gloader。

        搞定。