升级进度条动画的处理思路

养成模块，经常有升级进度条，每次进度条满了之后会升级，然后进度从0开始累积。

最开始想到的方法（根据需求直接翻译的需求，有时候策划给出的逻辑，不一定要按照策划的逻辑来写，换一种逻辑也可以，只要最后达到的效果是一样的就行）是每次升级完成之后，减掉升级已经消耗得进度值，然后再拨进度条动画，再次满进度之后，再减再播动画，这样写也不是不可以，但是很容易出问题，这里提供一个更简单的思路。

获得进度值之后，先判断能否升级，能升级直接判断能升多少级，能升多少级就播放多少次满进度进度条动画，最后一次播放的时候，播到剩余进度值就停止；如果不能升级，则进度条直接播动画延长到指定值即可。这里也涉及到满级问题，参见另一篇博文关于升级模块是否满级的详细描述https://blog.csdn.net/qq_22794043/article/details/88114963

//打开view的时候初始化isTweening为false，关闭view的时候，重置isTweeing为false
isTweening = false;
//打开view的时候，初始化进度条位置,sw和preSw为全局变量，可根据实际情况，将变量定义为指定数据类型
private var sw:*;
private var preSw:*;
private function initProgressBar():void{
    sw = model.getInstance().sw;
    /**preSw = model.getInstance().sw;
    * 注意，这里不能这么写，原因是这么写是引用赋值，sw与preSw永远全等，
    * 无法做进度条升级重置的处理
    */
    var lv:int = model.getInstance().level;
    preSw.level = lv;
    if(preSw == null || sw == null){
        return;
    }
    var cfg:Qexcel = Tb.getInstance.getCfgByLevel(sw.level);
    progressBar.scaleX = sw.progress / cfg.levelUpProgress;
}

//信息变更，计算进度条变化情况
private function infoUpdate():void{
    //preSw为进度变更前的信息，sw为进度变更后的信息
    //preSw虽然为存储在view类的临时变量，但是这里不是用完即删，
    //因为界面打开过程中可能会再次调用。sw则直接从model里面取最新的数据
    sw = model.getInstance().sw;
    if(preSw == null || sw == null){
        return;
    }
    var cfg:Qexcel = Tb.getInstance.getCfgByLevel(sw.level);
    var cfgNext:Qexcel = Tb.getInstance.getCfgByLevel(sw.level+1);
    if(preSw.level == sw.level){
        //没有升级,levelUpProgress为当前等级升级所需要的进度，sw.progress为当前等级积累的进度
        proTargets.push(sw.progress / cfg.levelUpProgress);
    }else{
        //升级了，进度条播满之后需要再从0播放当前进度
        var addLv:int = sw.level - preSw.level;
        for(var i:int = 0;i<addLv;i++){
            //满进度为1
            proTargets.push(1);
            if(nextVo){
                //如果没有满级，进度条播满之后重置为0，如果满级了，进度条保留为满进度
                proTargets.push(0);
            }
        }
        //播放完满进度动画后，剩余的应显示进度
        proTargets.push(sw.progress / cfg.levelUpProgress);
    }
    if(proTargets.length>0&&!isTweening){
        //把数组的第一个元素从其中删除，并返回第一个元素的值
        tweenProgress(proTargets.shift());
    }
}

//播放进度条动画
private function tweenProgress(target:Number):void{
   if(target == 0){
 //在这里做相应的升级处理，伴随进度条每次重置，有些东西可能需要实时变化，如进度条上面的等级进度文字
        //升级了，+1
        preSw.level +=1;
    }
    isTweening = true;
    //speed可根据需求自行调节快慢,speed = 1000ms/进度条从0到1需要的时间（ms）
    var speed:int = 100;
    var duration:Number = 0;
    if(target == 0){
        duration = 10;
    }else{
        duration = (target - progressBar.scaleX)*speed;
    }
    Tween.to(progressBar,{scaleX:target},duration,Ease.bounceInOut,
    Handler.create(this,
        function():void{
            if(proTargets.length>0){
                //没播完继续播下一个进度条动画
                tweenProgress(proTargets.shift())
            }else{
                isTweening = false
            }
        }
    ));
}

//关闭界面的时候，如果进度条动画还没播完，则强制清除掉
override protected function onClose():void{
    super.onClosed();
    Tween.cleaAll(progressBar);
    //移除监听
    removeLis();
}