您的位置:首页 > 移动开发 > Cocos引擎

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;

    }

},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ScrollView