laya mask renderType progressbar

1.参考设置遮罩
在这个官方未例中，提到可以在IDE中设置遮罩。

Paste_Image.png

然后我也终于知道那个renderType是干嘛用的了

2.progressbar
官方的progressbar这个限制有点多，首先资源有progress$bar.png和progress.png，而且大小也要相同。其次，进度变化是直接设置bar这张图片的width，为了不变形可以设置sizeGrid.看下面的源码，两张图的sizeGrid会被一起设置。

public function set sizeGrid(value:String):void {
    _bg.sizeGrid = _bar.sizeGrid = value;
}

LayaAir下Loading进度条的制作
进度

3.可以用遮罩实现progressbar

_progressImage = box.getChildByName("progress") as Image;
if (_width == 0 && _progressImage.width != 0) {
    _width = _progressImage.width;
    _maskSp.graphics.drawRect(0, -5, _progressImage.width, _progressImage.height + 10, "#ffffff");
    _progressImage.mask = _maskSp;
}
//移动这个遮罩层的X位置
public function setPercentage(percent : Number) : void {
    _maskSp.x = 0 - _width * (1 - percent);
}

end