添加一个ScrollView控件,创建出的控件会生成View界面和scrollbar界面
View界面有个content,content里面可以包含一项或者多项Item,每项Item可以包含精灵或者文字。
scrollbar界面有个bar,可以设置bar的图片或者bar的图片大小和位置。
在游戏中我们有时候需要把scrollbar去掉,只要在ScrollView设置属性Vertical Scroll Bar去掉关联scrolBar,或者直接删掉scrollbar控件。
1、创建ScrollView控件
2、创建脚本,设置ScrollView属性
scrollView: {
default: null,
type: cc.ScrollView
},
3、控件关联脚本
4、设置控件属性
5、脚本动态修改ScrollView属性
this.content = this.scrollView.content;//内部content大小
this.scrollView.scrollToOffset(cc.p(0, 500), 2);//滚动到哪个位置
scrollEvent: function(sender, event) {
switch(event) {
case 0:
this.lblScrollEvent.string = "Scroll to Top";
break;
case 1:
this.lblScrollEvent.string = "Scroll to Bottom";
break;
case 2:
this.lblScrollEvent.string = "Scroll to Left";
break;
case 3:
this.lblScrollEvent.string = "Scroll to Right";
break;
case 4:
this.lblScrollEvent.string = "Scrolling";
break;
case 5:
this.lblScrollEvent.string = "Bounce Top";
break;
case 6:
this.lblScrollEvent.string = "Bounce bottom";
break;
case 7:
this.lblScrollEvent.string = "Bounce left";
break;
case 8:
this.lblScrollEvent.string = "Bounce right";
break;
case 9:
this.lblScrollEvent.string = "Auto scroll ended";
break;
}
},