Какой простой способ добавить панель загрузки к флагу? - PullRequest
Новая
       37

Какой простой способ добавить панель загрузки к флагу?

0 голосов
/ 12 сентября 2011

У меня есть .swf, который я использую на своем сайте, но загрузка занимает несколько секунд. Это своего рода глаз болит во время загрузки, поэтому я хочу добавить полосу загрузки. Мне было интересно, какой самый простой способ сделать это в файле .fla.

Ответы [ 2 ]

0 голосов
/ 12 сентября 2011 
this.stop();
this.loaderInfo.addEventListener(Event.COMPLETE, action);
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgressAction);
function onProgressAction (e:ProgressEvent):void
{
    var total:Number = e.bytesTotal;
    var loaded:Number = e.bytesLoaded;
    if(total == loaded) {
        gotoAndStop(2);
    }   
}
function action (e:Event):void 
{
    this.loaderInfo.removeEventListener(ProgressEvent.PROGRESS, onProgressAction);
}
0 голосов
/ 12 сентября 2011

1) Создайте три слоя на главной временной шкале.

2) На слое 1 (вверху) сделайте два пустых ключевых кадра на кадрах 1 и 2 и 3.

3) На слое1, кадр 1, введите этот код: 

    bytes_loaded = Math.round(this.getBytesLoaded());
    bytes_total = Math.round(this.getBytesTotal());
    //
    this.loadBar._width = getPercent*200;
    if (bytes_loaded == bytes_total) {
        this.gotoAndPlay(3);
    }
    ;

4) В слое 1, кадр 2 введите этот код: 

    this.gotoAndPlay(1);

5) В слое 2 (в центре), сделайтепустой ключевой кадр в кадре 1 и кадре 3.

6) Нарисуйте прямоугольник (скажем, 100x10) без границы на слое 2, кадре 1. А пока сделайте его красным.

7) Преобразуйте эту форму в мувиклип и назовите экземпляр «loadBar».

8) В слое 3 (внизу) создайте пустой ключевой кадр в кадре 1 и кадре 3.

9)Нарисуйте прямоугольник (скажем, 100x10) без границы на слое 3, кадр 1. Пока сделайте его черным.Это будет фон вашей панели загрузки.Выровняйте его непосредственно за прямоугольным фрагментом фильма 2-го уровня.

10) Дважды щелкните фрагмент ролика кадра 1 слоя 2 под названием «loadBar».

11) Создайте 2 слоя.

12) На слое 1 (вверху) нарисуйте прямоугольник (скажем, 100x10) без рамки.Сделайте любой цвет по вашему желанию.

13) На слое 2 (снизу) нарисуйте прямоугольник (скажем, 100x10) без рамки.Сделай это Грей.Это будет цвет бара, как он заполняется.Выровняйте его непосредственно за прямоугольной формой слоя 1.

14) Теперь щелкните правой кнопкой мыши слой 1 в области временной шкалы и выберите «Маска».

15) Теперь все готово!Как только файл загрузится, он перейдет к кадру 3 и начнет воспроизведение!При необходимости измените цвета, размеры и положение графиков загрузочной полосы!

...