白鷺引擎製作滾動框,類似div的oveflow
阿新 • • 發佈:2018-11-14
白鷺引擎
版本:5.2.8
描述:白鷺引擎製作滾動框,類似div的overflow
程式碼片段
var content:egret.TextField = new egret.TextField;
content.text = "今天天氣很好,可是還是沒有女朋友\n\n\n\n\心情頓時就是烏雲了。";
//建立ScrollView
let myscrollView:egret.ScrollView = new egret.ScrollView();
myscrollView.setContent (content);
myscrollView.width = 200;
myscrollView.height = 300;
myscrollView.x = this.stage.stageWidth / 2;
myscrollView.y = this.stage.stageHeight / 2;
myscrollView.anchorOffsetX = myscrollView.width / 2;
myscrollView.anchorOffsetY = myscrollView.height / 2;
this.addChild (myscrollView);
//用來展現ScrollView 的邊界
let background:egret.Shape = new egret.Shape();
background.graphics.lineStyle(1,0x1102cc)
background.graphics.drawRect(0,0,200,300);
background.graphics.endFill();
background.x = this.stage.stageWidth / 2;
background.y = this.stage.stageHeight / 2;
background.anchorOffsetX = background.width / 2;
background.anchorOffsetY = background.height / 2;
this.addChild(background);