ccui.ScrollView（）简单应用实例

var ScrollViewLayer = cc.Layer.extend({
    sprite:null,
    ctor:function () {
        this._super();

        // scrollView
        var colorList = [cc.color(255, 255, 255), cc.color(255, 0, 0), cc.color(0, 255, 0), cc.color(0, 0, 255), cc.color(255, 255, 0), cc.color(255, 255, 255), cc.color(255, 0, 0), cc.color(0, 255, 0), cc.color(0, 0, 255), cc.color(255, 255, 0)];
        var listView  = new ccui.ScrollView();
        listView.setDirection(ccui.ScrollView.DIR_HORIZONTAL);
        listView.setTouchEnabled(true);
        listView.setBounceEnabled(true);
        listView.setSize(cc.size(500, 400));
        listView.setAnchorPoint(cc.p(0, 0));
        listView.x = 0;
        listView.y = 0;
        this.addChild(listView);
        listView.setInnerContainerSize(cc.size(7*100, 400));
        for(var i = 0; i < 7; i++){
            var widthList = new cc.LayerColor();
            widthList.attr({
                x      : i * 100,
                y      : 0,
                width  : 100,
                height : 500,
                color  : colorList[i]
            });
            listView.addChild(widthList);
        }

        var layer = new cc.LayerColor();
//        this.addChild(layer);
        layer.attr({
            x       : cc.winSize.width  / 2,
            y       : 0,
            width   : 500,
            height  : 500,
            anchorX : 0.5,
            anchorY : 0.5,
            color   : cc.color(255, 255, 255)
        });
        return true;
    }
});

• 注意滑动区域应大于等于scrollview下子所有节点滑动方向总长度之和