[Egret学习笔记 五]GUI Scroller的使用
直接上代码:1.“bgImage” 配置在resource.json egret的背景图{"name":"bgImage","type":"image","url":"assets/bg.jpg"}2.Scroller为带可滚动的显示容器,类似遮罩一样,设置显示的宽高。3.关键词viewport 指定放置在Scroller显示的对象,这里显示的是一个包含U
·
直接上代码:
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
更多推荐
已为社区贡献4条内容
所有评论(0)