cocos 2d js sliceView使用心得

 var sliceView=new ccui.ScrollView();
        this.addChild(sliceView);
        sliceView.setContentSize(640,750);
        sliceView.setAnchorPoint(0.5,0.5);
        sliceView.setPosition(cc.p(cc.winSize.width/2,cc.winSize.height/2));
        sliceView.setTouchEnabled(true);
        sliceView.setDirection(ccui.ScrollView.DIR_VERTICAL);
        sliceView.setInnerContainerSize(cc.size(640,1540));
        for(var i=0;i<7;i++)
        {
            var sprite=new cc.Sprite(res.CloseNormal_png);
            sliceView.addChild(sprite);
            sprite.setPosition(cc.p(640/2,1540-10-i*220));
        }


    }
    以上代码为使用cocos 2d  js组件sliceView的代码,在上述代码中,创建了一个滚动视图,在滚动视图中,插入了7个图片,作者在之前的使用中,在设置滚动视图的内容容器中,
sliceView.setInnerContainerSize(cc.size(640,1540));

这行代码设置错误,导致其内部容器实际上是没有空间的,使之出现图片插入后,无法滑动现象.

所有咱们在使用滑动器的过程之之中,一定要谨记滑动器的内部空间要大于等于其外部空间.

备注: sliceView的内部容器其实就是一个layout,但是注意,layout里的子节点最后都是ccui系列的UI组件,

cocos 2d js sliceView使用心得_第1张图片

否则在当你使用上图上色圈中的函数时,会报错,这不是一个方法.

你可能感兴趣的:(cocos,2d-js)