图形显示

我们可以直接使用zygame.display.Image类来代替openfl.display.Bitmap。

图形数据

一般使用图形数据有两种：openfl.display.BitmapData以及zygame.utils.load.Frame。

1. BitmapData

BitmapData属于普通的位图数据，可以直接读取使用。

2. Frame

Frame属于精灵图表的位图数据，需要使用zygame.display.Image显示。

简单的位图显示例子：

var img = new Image(assets.getBitmapData("img"));
this.addChild(img);

图形组件

同时，为了提高便捷性，还提供了图片组件zygame.components.ZImage，该类可以便捷的使用。

var img = new ZImage();
img.dataProvider = assets.getBitmapData("img");
this.addChild(img);

使用网络图片：

img.dataProvider = "http://zygameui.cn/icon.png";
img.onBitmapDataUpdate = function(){
  //异步同步图片回调
}

使用异步本地图片：

img.dataProvider = "assets/1.jpg";

使用九宫格图片：

img.setScale9Grid(new Rectangle(5,5,10,10));

图片锚点修改：

img.hAlign = "center";  //横向居中
img.vAlign = "center";  //纵向居中