直接上代码:
1.“bgImage” 配置在resource.json egret的背景图
{
"name":"bgImage",
"type":"image",
"url":"assets/bg.jpg"
}
2.Scroller为带可滚动的显示容器,类似遮罩一样,设置显示的宽高。
3.关键词viewport 指定放置在Scroller显示的对象,这里显示的是一个包含UIAsset图片的Group容器
4.最后将Scroller添加到UIStage中,"guiLayer"为UIStage的变量名
var scroll:egret.gui.Scroller = new egret.gui.Scroller();
scroll.width = 400;
scroll.height = 300;
scroll.x = 40;
scroll.y = 40;
var bg:egret.gui.UIAsset = new egret.gui.UIAsset("bgImage");
var group:egret.gui.Group = new egret.gui.Group();
group.addElement(bg);
scroll.viewport = group;
this.guiLayer.addElement(scroll); // scorll.viewport赋值后再添加到UIstage