cocos2djs学习笔记-ccui.ScrollView
2016-10-17 12:17
1466 查看
loadScrollView:function() {
var scrollView = new ccui.ScrollView();
scrollView.setDirection(ccui.ScrollView.DIR_VERTICAL);//设置方向为垂直
scrollView.setTouchEnabled(true);//触摸的属性
scrollView.setBounceEnabled(true);//弹回的属性
scrollView.setInertiaScrollEnabled(true);//滑动的惯性
scrollView.setContentSize(cc.size(size.width, size.height));//设置scrollView的大小,相当于是显示的区域
scrollView.setInnerContainerSize(cc.size(size.width, size.height*4));//设置容器的大小
scrollView.addEventListener(this.scrollViewCall,this);//添加触摸事件监听器
scrollView.setAnchorPoint(cc.p(0,0));
scrollView.setPosition(cc.p(0,0));
this.addChild(scrollView);
this.scrollView = scrollView;
var imageBg = new ccui.ImageView(res.bg1_png);
imageBg.setAnchorPoint(cc.p(0,0));
imageBg.setPosition(0,0);
scrollView.addChild(imageBg,1);
},
onEnter:function(){
this._super();
this.scrollView.jumpToBottom();//设置回到底部
},
//0-3滑动到上下左右触发,4滑动一直触发,5-8惯性滑动到上下左右触发
scrollViewCall:function(sender, type){
switch (type){
case ccui.ScrollView.EVENT_SCROLL_TO_TOP:break;
case ccui.ScrollView.EVENT_SCROLL_TO_BOTTOM:break;
case ccui.ScrollView.EVENT_SCROLL_TO_LEFT:break;
case ccui.ScrollView.EVENT_SCROLL_TO_RIGHT:break;
case ccui.ScrollView.EVENT_SCROLLING:break;
case ccui.ScrollView.EVENT_BOUNCE_TOP:break;
case ccui.ScrollView.EVENT_BOUNCE_BOTTOM:break;
case ccui.ScrollView.EVENT_BOUNCE_LEFT:break;
case ccui.ScrollView.EVENT_BOUNCE_RIGHT:break;
default:break;
}
},
var scrollView = new ccui.ScrollView();
scrollView.setDirection(ccui.ScrollView.DIR_VERTICAL);//设置方向为垂直
scrollView.setTouchEnabled(true);//触摸的属性
scrollView.setBounceEnabled(true);//弹回的属性
scrollView.setInertiaScrollEnabled(true);//滑动的惯性
scrollView.setContentSize(cc.size(size.width, size.height));//设置scrollView的大小,相当于是显示的区域
scrollView.setInnerContainerSize(cc.size(size.width, size.height*4));//设置容器的大小
scrollView.addEventListener(this.scrollViewCall,this);//添加触摸事件监听器
scrollView.setAnchorPoint(cc.p(0,0));
scrollView.setPosition(cc.p(0,0));
this.addChild(scrollView);
this.scrollView = scrollView;
var imageBg = new ccui.ImageView(res.bg1_png);
imageBg.setAnchorPoint(cc.p(0,0));
imageBg.setPosition(0,0);
scrollView.addChild(imageBg,1);
},
onEnter:function(){
this._super();
this.scrollView.jumpToBottom();//设置回到底部
},
//0-3滑动到上下左右触发,4滑动一直触发,5-8惯性滑动到上下左右触发
scrollViewCall:function(sender, type){
switch (type){
case ccui.ScrollView.EVENT_SCROLL_TO_TOP:break;
case ccui.ScrollView.EVENT_SCROLL_TO_BOTTOM:break;
case ccui.ScrollView.EVENT_SCROLL_TO_LEFT:break;
case ccui.ScrollView.EVENT_SCROLL_TO_RIGHT:break;
case ccui.ScrollView.EVENT_SCROLLING:break;
case ccui.ScrollView.EVENT_BOUNCE_TOP:break;
case ccui.ScrollView.EVENT_BOUNCE_BOTTOM:break;
case ccui.ScrollView.EVENT_BOUNCE_LEFT:break;
case ccui.ScrollView.EVENT_BOUNCE_RIGHT:break;
default:break;
}
},
相关文章推荐
- Cocos2d-x学习笔记(14)(更新函数scheduleUpdate、进度计时器CCProgressTo、滚动视图CCScrollView)
- cocos2d-js 中ccui.ListView继承 ccui.ScrollView 但 addEventListenerScrollView 函数无法调用
- cocos2d-js学习笔记---场景转换(scene),颜色图层,变量获得
- cocos2d-x 3.1.1 学习笔记[6]ScrollView 可以拖动的Layer
- 我的Cocos2d-x学习笔记(二十四)CCScrollView
- cocos2d-js ScrollView,ccui.ScrollView
- Cocos2d-js入门学习笔记
- cocos2d-js引擎学习笔记
- Cocos2d-js 热更新学习笔记
- Cocos2d-js 学习笔记<一> 环境搭建
- cocos2d-js 学习笔记 --安装调试(1)
- Cocos2d-js HTTP学习笔记
- cocos2d-x 菜鸟学习笔记七(界面控件之scrollView与tableView)
- cocos2d-js 学习笔记 --安装调试(2)
- Cocos2d-js 学习笔记<一> 运行Hello World
- cocos2d-js学习笔记<二> 创建工程
- 【学习笔记】Cocos2d-JS 如何创建精灵?(一)
- Cocos2d-x学习笔记(14)(更新函数scheduleUpdate、进度计时器CCProgressTo、滚动视图CCScrollView)
- Cocos2d-JS 学习笔记[1]
- cocos2d js 学习笔记之瓦片地图