ProgressTimer滚动条知识点

1.ProgressTimer

var to = cc.progressTo(2, 100);       //进度条向右的进度动画
        var left = new cc.ProgressTimer(new cc.Sprite(s_pathSister1)); //new 一个ProgressTimer对象
        jindutiao.type = cc.ProgressTimer.TYPE_BAR;
        //    Setup for a bar starting from the left since the midpoint is 0 for the x
        jindutiao.midPoint = cc.p(0, 0);
        //    Setup for a horizontal bar since the bar change rate is 0 for y meaning no vertical change
        jindutiao.barChangeRate = cc.p(1, 0);
        this.addChild(jindutiao);
        jindutiao.x = 200;
        jindutiao.y = winSize.height / 2;
        jindutiao.runAction(to);

2.ProgressTimer API
        getType()
        获取进度条的类型
        getPercentage()
        获取进度条的百分比（0-100）
        getSprite()
        获取用来显示进度条比例的Sprite对象
        setPercentage()
        设置进度条显示的百分比
        setSprite()
        设置进度条使用的 Sprite 对象
        setType()
        设置进度条的类型
3.

var to1 = cc.sequence(cc.progressTo(2, 100), cc.progressTo(0, 0));
        var to2 = cc.sequence(cc.progressTo(2, 100), cc.progressTo(0, 0));
        var sp = new cc.Sprite("res/kaishi_2.png");
        var left = new cc.ProgressTimer(sp);
        left.type = cc.ProgressTimer.TYPE_BAR;
        //left.setReverseDirection(true);
        //left.setReverseProgress(true);
        left.midPoint = cc.p(0.5,0.5);
        //left.barChangeRate = cc.p(1, 1);
        this.addChild(left);
        left.setAnchorPoint(1,0);
        left.setPosition(cc.winSize.width>>1,cc.winSize.height>>1);
        left.scale = 0.5;
        left.runAction(to2.repeatForever());