[Egret学习笔记 五]GUI Scroller的使用

直接上代码：

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