Flex AS3: ProgressBar не двигается - PullRequest
Новая
       10

Flex AS3: ProgressBar не двигается

0 голосов
/ 28 апреля 2010

Я немного застрял и мне нужен совет / помощь.

У меня есть индикатор выполнения: 

<mx:ProgressBar id="appProgress" mode="manual" width="300" label="{appProgressMsg}" minimum="0" maximum="100"/>

У меня есть две функции слушателя, одна устанавливает прогресс, а другая устанавливает appProgressMsg: 

public function incProgress(e:TEvent):void {
    var p:uint = Math.floor(e.data.number / e.data.total * 100);
    trace("Setting Perc." + p);
    appProgress.setProgress(p, 100);
}
public function setApplicationProgressStep(e:TEvent):void {
    trace("Setting step:" + e.data);
    appProgressMsg = e.data;
}

Я хочу много раз использовать этот индикатор прогресса. И не обязательно для ProgressEvents, но при выполнении шагов.

Например, я зацикливаюсь на куче вставок базы данных и хочу отменить прогресс и т. Д.

Вот пример: 

public function updateDatabase(result:Object):void {
    var total:int = 0;
    var i:int = 0;
    var r:SQLResult;
    trace("updateDatabase called.");
    for each (var table:XML in this.queries.elements("table")) {
        var key:String = table.attribute("name");
        if (result[key]) {
            send(TEvent.UpdateApplicationProgressStep, "Updating " + key);
            i = 1;
            total = result[key].length;
            for each (var row:Object in result[key]) {
                //now, we need to see if we already have this record.
                send(TEvent.UpdateApplicationProgress, { number:i, total: total } );
                r = this.query("select * from " + key + " where server_id = '" + row.id + "'");
                if (r.data == null) {
                    //there is no entry with this id, make one.
                    this.query(table.insert, row);
                } else {
                    //it exists, so let's update.
                    this.update(key, row);
                }
                i++;
            }
        }

    }
}

Все отлично работает.

То есть функции слушателя вызываются, и я получаю вывод трассировки как: 

updateDatabase called.
Setting step:Updating project
Setting Perc 25
Setting Perc 50
Setting Perc 75
Setting Perc 100

Проблема в том, что отображается только самый последний процент и шаг. то есть, когда все это сделано, индикатор выполнения переходит на 100% и показывает метку последнего шага.

Кто-нибудь знает, почему это так?

Заранее спасибо за любую помощь, Jason

Новый код, который прекрасно работает, я мог бы добавить: 

public function updateDatabase(result:Object, eindex:int = 0, sindex:int = 0 ):void {
    var total:int = 0;
    var i:int = 0;
    var j:int;
    var r:SQLResult;
    var table:XML;
    var key:String;
    var elems:XMLList = this.queries.elements("table");
    var startTime:int = getTimer();
    var row:Object;
    for (i = eindex; i < elems.length(); i++) {
        table = elems[i];
        key = table.attribute("name");
        if (!result[key])
            continue;
        total = result[key].length;
        send(TEvent.UpdateApplicationProgressStep, "Updating " + key);
        for (j = sindex; j < result[key].length; j++) {
            if (getTimer() - startTime > 100) {
                setTimeout(updateDatabase, 100, result, i, j);
                send(TEvent.UpdateApplicationProgress, { number:j, total: total } );
                return;
            }
            row = result[key][j];
            r = this.query("select * from " + key + " where server_id = '" + row.id + "'");
            if (r.data == null) {
                //there is no entry with this id, make one.
                this.query(table.insert, row,false);
            } else {
                //it exists, so let's update.
                this.update(key, row,false);
            }
        }
        send(TEvent.UpdateApplicationProgress, { number:1, total: 1 } );
    }
}

Ответы [ 2 ]

2 голосов
/ 29 апреля 2010

Flash однопоточный. Дисплей не будет обновляться, пока ваша функция не вернется. По этой причине у вас никогда не должно быть кода, работающего более 100 мс (1/10 секунды), иначе пользовательский интерфейс (или даже весь браузер) будет заблокирован.

Общее решение состоит в том, чтобы разделить вашу работу на несколько кадров, вот некоторый псевдокод: 

function doWork(arg1:Obj, arg2:Obj, start:int=0) {
   var startTime = getTimer(); // store starting time
   for(i=start; i<length; i++) {
     if(getTimer() - startTime > 100) { // see if we've been working too long
        trace("Current progress: "+(i/length * 100)+"%");
        updateProgress( i / length );
        setTimeout(doWork, 100, arg1, arg2, i); // schedule more work to be done
        return; // stop current loop
     }
     trace("Working on item "+i);
     // processing here
   }
   trace("All work done");
}

doWork(data1, data2); // start the work
1 голос
/ 29 октября 2010

Ваш псевдокод работает для обновления индикатора выполнения, однако в моем случае моей "работой" было копирование файлов с DVD-диска в appStorageDirectory, которые, похоже, снова представляют ту же проблему, что и ваша работа, решенная - индикатор выполнения теперь не обновляется

Вот мой взлом вашего решения 

function doWork(arg1:int, arg2:int, start:int=0) {
    var startTime = getTimer(); // store starting time
    for(var i:int=start; i<arg2; i++) {
        if(getTimer() - startTime > 100 ) { // see if we've been working too long
          trace("Current progress: "+(i/arg2 * 100)+"%");
          setTimeout(doWork, 100, i, arg2, i); // schedule more work to be done
          return; // stop current loop
      }
      trace("Working on item "+i);
      dispatchEvent(new progressMadeEvent("incrementChange",i,arg2))
      var dir:String = copyRes[i].nativePath.toString().split(OSSep).pop()
    copyRes[i].copyTo(appStore.resolvePath(dir)) // copies dir from DVD to appStorageDir
    }
    trace("All work done");
}
...