ccui.pageView 기본 적용

var PageView = cc.Layer.extend({
    ctor : function(){
        this._super();

        //  
        this.demoOne();

        return true;
    },

    demoOne : function(){
        var pageView = new ccui.PageView();
        pageView.setTouchEnabled(true);
        pageView.setContentSize(cc.size(500, 400));
        pageView.x = (cc.winSize.width  - 500) / 2;
        pageView.y = (cc.winSize.height - 400) / 2;

        for(var i = 0; i < 3; i++){
     
            var layout = new ccui.Layout(); // layout  type ccui.Layout.ABSOLUTE
            layout.setContentSize(cc.size(500, 400));
            var layoutRect = layout.getContentSize();

            var imgView = new ccui.ImageView();
            imgView.setTouchEnabled(true);
            imgView.setScale9Enabled(true);
            imgView.loadTexture(res.imgBox);
            imgView.setContentSize(cc.size(500, 400));
            imgView.x = layoutRect.width  / 2;
            imgView.y = layoutRect.height / 2;
            layout.addChild(imgView);

            var text    = new ccui.Text();
            text.string = "page" + (i + 1);
            text.font   = "30px'Marker Felt'";
            text.color  = cc.color(192, 192, 192);
            text.x      = layoutRect.width  / 2;
            text.y      = layoutRect.height / 2;
            layout.addChild(text);

            pageView.addWidgetToPage(layout, i, true);
        }

        pageView.scrollToPage(0);  //  ， 
        pageView.addEventListenerPageView(this.pageViewEvent, this);
        this.addChild(pageView);
    },

    //  ， 
    pageViewEvent : function(sender, type){
        cc.log("type = ", type);
        switch(type){
            case ccui.PageView.EVENT_TURNING   :
                var pageView = sender;
                cc.log("EVENT_TURNING page = " + (pageView.getCurPageIndex().valueOf() - 0 + 1));
                break;
            default : cc.log("none");
        }
    }
});