Движемся дальше

//define methods to retrieve boundaries
    Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth)/2;
    };
    Stage.getTop = function() {
        return -1*(this.height-this.originalHeight)/2;
    };
    Stage.getRight = function() {
        return this.originalWidth+(this.width-this.originalWidth)/2;
    };
    Stage.getBottom = function() {
        return this.originalHeight+(this.height-this.originalHeight)/2;
    };

Чтобы перемещать эти фильмы на свои места при изменении размеров рабочего места, нужно создать для них приемники. Объект Stage имеет список объектов и/или фильмов, которые зарегистрированы вместе с ним для получения уведомления о том, что размер рабочего места изменен. Каждый раз при изменении рабочего места объект Stage будет вызывать событие onResize во всех объектах, которые с ним зарегистрированы. Сначала нужно зарегистрировать наши фильмы с объектом Stage и затем создать для каждого из них метод onResize для расположения их на нужных местах.

// register four movie clips to receive notification of onResize
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);

// top left
    tl.onResize = function() {
        this._x = Stage.getLeft();
        this._y = Stage.getTop();
    };
    // top right
    tr.onResize = function() {
        this._x = Stage.getRight()-this._width;
        this._y = Stage.getTop();
    };
    // bottom left
    bl.onResize = function() {
        this._x = Stage.getLeft();
        this._y = Stage.getBottom()-this._height;
    };
    // bottom right
    br.onResize = function() {
        this._x = Stage.getRight()-this._width;
        this._y = Stage.getBottom()-this._height;
    };

Итак, получаем следующий код.

fscommand("allowscale", "false") ;
    Stage. scaleMode="showAll";
    Stage.originalWidth = Stage.Width;
    Stage.originalHeight = Stage.Height;
    Stage.scaleMode="noScale"
    Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth)/2;
    };
    Stage.getTop = function() {
        return -1*(this.height-this.originalHeight)/2;
    };
    Stage. getRight = function() {
        return this.originalWidth+(this.width-this.originalWidth)/2;
    };
    Stage.getBottom = function() {
        return this.originalHeight+(this.height-this.originalHeight)/2;
    };
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);
    // top left
    tl.onResize = function() {
        this._x = Stage.getLeft();
        this._y = Stage.getTop();
    };
    // top right
    tr.onResize = function() {
        this._x = Stage.getRight()-this._width;
        this._y = Stage.getTop();
    };
    // bottom left
    bl.onResize = function() {
        this._x = Stage.getLeft();
        this._y = Stage.getBottorn()-this._height;
    };
    // bottom right
    br.onResize = function() {
        this._x = Stage.getRight()-this._width;
        this._y = Stage.getBottom()-this._height;
    };

Все работает как нужно, но не оптимально. Каждый раз, когда надо найти левую координату рабочего места, мы вызываем функцию Stage.getLeft, тогда как это значение изменяется только при изменении размера рабочего места.

Stage.onResize = function() {
        this.left = this.getLeft();
        this.top = this.getTop();
        this.right = this.getRight();
        this.bottom = this.getBottom();
    };

Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth)/2;
    };
    Stage.getTop = function() {
        return -1* (this.height-this.original-Height) /2;
    };
    Stage.getRight = function() {
        return this.left+this.width;
    };
    Stage.getBottom = function() {
        return this.top+this.height;
    };

Stage.addListener(Stage);
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);

Имейте в виду, что приемники принимают событие изменения размера в том порядке, в котором они добавлены, поэтому, в данном случае, Stage стоит на первом месте, затем идут tl, tr, bl и, наконец, br. Здесь это важно, так как нам нужно быть уверенными в том, что значения для левой, правой и т.д позиций, устанавливаются перед обращением к ним из фильмов.

// top left
    tl.onResize = function() {
        this._x = Stage.left;
        this._y = Stage.top;
    };
    // top right
    tr.onResize = function() {
        this._x = Stage.right-this._width;
        this._y = Stage.top;
    };
    // bottom left
    bl.onResize = function() {
        this._x = Stage.left;
        this._y = Stage.bottom-this._height;
    };
    // bottom right
    br.onResize = function() {
        this._x = Stage.right-this._width;
        this._y = Stage.bottom-this._height;
    };

fscommand("allowscale", "false");
    Stage.scaleMode="showAll";
    Stage.originalWidth = Stage.Width;
    Stage.originalHeight = Stage.Height;
    Stage.scaleMode="noScale";
    Stage.onResize = function() {
        this.left = this.getLeft();
        this.top = this.getTop();
        this.right = this.getRight();
        this.bottom = this.getBottom();
    };
    Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth) /2;
    };
    Stage.getTop = function() {
        return -1* (this.height-this.original-Height) /2;
    };
    Stage.getRight = function() {
        return this.left+this.width;
    };
    Stage. getBottom = function() {
        return this.top+this.height;
    };
    Stage.addListener(Stage);
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);
    // top left
    tl.onResize = function() {
        this._x = Stage.left;
        this._y = Stage.top;
    };
    // top right
    tr.onResize = function() {
        this._x = Stage.right-this._width;
        this._y = Stage.top;
    };
    // bottom left
    bl.onResize = function() {
        this._x = Stage.left;
        this._y = Stage.bottom-this._height;
    };
    // bottom right
    br.onResize = function() {
        this._x = Stage.right-this._width;
        this._y = Stage.bottom-this._height;
    };

MovieClip.prototype.slideTo = function(x, y, speed, callbackObj, callbackFunc) {
        var noo
        if (this.slideControl) {
            noo = this.slideControl;
        } else {
            noo = this.createEmptyMovieClip(<slideControl>,this.depth++);
        }
        noo.tx = x;
        noo.ty = y;
        noo.speed = speed;
        // store callback object / method (not used yet)
        noo.callBackObj = callBackObj;
        noo.callBackFunc = callBackFunc;
        noo.onEnterFrame = function() {
            this._parent._x += (this.tx-this._parent._x)/this.speed;
            this._parent._y += (this.ty-this._parent._y)/this.speed;
            if (Math.abs(this.tx-this._parent._x)<0.2  Math.abs(this.ty
            Кthis._parent ._y) <0.2) {
                this._parent._x = this.tx;
                this._parent._y = this.ty;
                // execute callback (we're not using this yet)
                this.callBackObj [this.calIBackFunc](this._parent);
                this.removeMovieClip();
            }
        };
    };

tl.onResize = function() {
        var x = Stage.left;
        var у = Stage.top;
        this.slideTo(x, y, 5);
    }
    tr.onResize = function() {
        var x = Stage.right-this._width;
        var у = Stage.top;
        this.slideTo(x, y, 5);
    };
    bl.onResize = function() {
        var x = Stage.left;
        var у = Stage.bottom-this._height;
        this.slideTo(x, y, 5);
    };
    br.onResize = function() {
        var x = Stage.right-this ._width;
        var у = Stage.bottom-this._height;
        this.slideTo(x, y, 5);
    };

fscommand("allowscale", "false");
    Stage.scaleMode="showAll";
    Stage.originalWidth = Stage.Width;
    Stage.originalHeight = Stage.Height;
    Stage.scaleMode="noScale";
    Stage.onResize = function() {
        this.left = this.getLeft();
        this.top = this.getTop();
        this.right = this.getRight();
        this.bottom = this.getBottom();
    };
    Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth)/2;
    };
    Stage.get Top = function() {
        return -1*(this.height-this.originalHeight)/2;
    };
    Stage.getRight = function() {
        return this.left+this.width;
    };
    Stage.getBottom = function() {
        return this.top+this.height;
    };
    Stage.addListener(Stage);
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);
    MovieClip.prototype.slideTo = function(x, y, speed, callbackObj, callbackFunc) {
        var noo
        if (this.slideControl) {
            noo = this.slideControl;
        } else {
            noo = this.createEmptyMovieClip("slideControl",this.depth++);
        }
        noo.tx = x;
        noo.ty = y;
        noo.speed = speed;
        noo.callBackObj = callBackObj;
        noo.calIBackFunc = callBackFunc;
        noo.onEnterFrame = function() {
            this._parent._x += (this.tx-this._parent._x)/this.speed;
            this._parent._y += (this.ty-this._parent._y)/this.speed;
            if (Math.abs(this.tx-this._parent._x)<0.2 Math.abs(this.ty
            Кthis._parent._y)<0.2) {
                this._parent._x = this.tx;
                this._parent._y = this.ty;
                this.calIBackObj [this.calIBackFunc](this._parent);
                this.removeMovieClip();
            }
        };
    };
    tl.onResize = function() {
        var x = Stage.left;
        var у = Stage.top;
        this.slideTo(x, y, 5);
    };
    tr.onResize = function() {
        var x = Stage.right-this._width;
        var у = Stage.top;
        this.slideTo(x, y, 5);
    };
    bl.onResize = function() {
        var x = Stage.left;
        var у = Stage.bottom-this._height;
        this.slideTo(x, y, 5);
    };
    br.onResize = function() {
        var x = Stage.right-this._width;
        var у = Stage.bottom-this._height;
        this.slideTo(x, y, 5);
    };

Если использовать этот подход к изменению размеров рабочего места, то Flash Player придется выполнять гораздо больший объем кода. Если в проекте много движущихся объектов, в особенности с эффектами прозрачности, Flash Player может "тормозить", поэтому подумайте, стоит ли его использовать.

Stage.addListener(bg);

bg.onResize = function() {
        this._xscale = Stage.width-50;
        this._yscale = Stage.height-50;
    };

MovieClip.prototype.scaleTo = function
    (xsc, ysc, speed,callbackObj, callbackFunc) {
      var noo;
      if (this.scaleControl) {
          noo = this.scaleControl;
      } else {
          noo = this.createEmptyMovieClip
           ("scaleControl", this. depth++);
      }
      noo.txsc = xsc;
      noo.tysc = ysc;
      noo.speed = speed;
      noo.callBackObj = callBackObj;
      noo.calIBackFunc = callBackFunc;
      noo.onEnterFrame = function() {
          this._parent._xscale += 
           (this.txsc-this._parent._xscale)/this, speed;
          this._parent._yscale += 
            (this.tysc-this._parent._yscale)/this .speed;
          if (Math.abs(this.txsc-this._parent._xscale)<0.2 
          КMath.abs(this.tysc-this._parent._yscale)<0.2) {
          this._parent._xscale = this.tx;
          this._parent._yscale = this.ty;
          //execute callback (not used yet)
          this.callBackObj [this.callBackFunc](this._parent);
          this.removeMovieClip();
          }
      };
  };

bg.onResize = function() {
        var xsc = Stage.width-50;
        var ysc = Stage.height-50;
        this.scaleTo(xsc, ysc, 5);
    };

Все работает прекрасно, но необходимость применять различные методы для изменения различных параметров раздражает. Для изменения интенсивности придется добавить еще один метод, и т.д. Изменять набор значений внутри фильма на набор конечных значений было бы лучше с помощью одного метода.

MovieClip.prototype.tweenTo = function(targetsObj, speed,
КcallbackObj, callbackFunc) {
var noo;
    if (this.tweenControl) {
        noo = this.tweenControl;
     }   else   {
    noo = this.createEmptyMovieClip("tweenControl", this.depth++);
    }
    // store the object containing target properties and values
    noo.targetsObj = targetsObj;
     noo.speed = speed;
     noo.callBackObj = callBackObj;
     noo.callBackFunc = callBackFunc;
     noo.onEnterFrame = function() {
     var count;
     // as its an object we can't check length.
     }
}

for (var prop in this.targetsObj) {
        this._parent[prop]+=(this.targetsObj 
         [prop]this._parent[prop] )/this, speed;
    }

По мере работы цикла, prop будет обращаться к имени каждого параметра, и в следующей строке кода мы получим очередное значение этого параметра в фильме, приближающееся к значению в параметре объекта targets.

for (var prop in this.targetsObj) {
        this._parent[prop] += (this.targetsObj 
         [prop] this ._parent[prop]) /this.speed;
        // if property has reached target value
        if (Math.abs(this.targetsObj[prop]- 
         this._parent[prop])<0.4) {
            this._parent[prop] = this.targetsObj[prop];
            delete this.targetsObj[prop];
        }
    }

MovieClip.prototype.tweenTo = function
       (targetsObj, speed, callbackObj, calIbackFunc) {
        var noo;
        if (this.tweenControl) {
            noo = this.tweenControl;
        } else {
            noo = this.createEmptyMovieClip
             ("tweenControl", this.depth++);
        }
        noo.targetsObj = targetsObj;
        noo.speed = speed;
        noo.callBackObj = callBackObj;
        noo.callBackFunc = callBackFunc;
        noo.onEnterFrame = function() {
            var count;
            // as it's an object we can't check length.
            for (var prop in this. targetsObj) {
                this._parent[prop] += (this.targetsObj[prop] -
                Кthis._parent [prop]) /this.speed;
                if (Math.abs (this.targetsObj 
                  [prop] this._parent [prop])<0.4) {
                    this._parent[prop] = this.targetsObj[prop];
                    delete this.targetsObj[prop];
                }
                count++;
            }
        if (!count) {
            this.callBackObj[this.calIBackFunc](this._parent);
            this.removeMovieClip();
            }
        };
    };

br.onResize = function() {
        // define targets
        var obj = (_x:Stage.right-this._width, 
           _y:Stage.bottom this ._height};
        this.tweenTo(obj, 5);
    };
        :а вот фоновый приемник, влияющий на 
          значения _xscale и _yscale.
    bg.onResize = function() {
        var obj = (_xscale:Stage.width-50, _yscale:Stage.height-50};
        this.tweenTo(obj, 5);
    };

Ниже приведен целиком код, в котором также были изменены функции onResize.

fscommand("allowscale", "false");
    Stage.scaleMode="showAll";
    Stage.originalWidth = Stage.Width;
    Stage.originalHeight = Stage.Height;
    Stage.scaleMode="noScale";
    Stage.onResize = function() {
        this.left = this.getLeft();
        this.top = this.getTop();
        this.right = this.getRight();
        this.bottom = this.getBottom();
    };
    Stage.getLeft = function() {
        return -1*(this.width-this.originalWidth)/2;
    };
    Stage.getTop = function() {
        return -1* (this.height-this.originalHeight)/2;
    };
    Stage.getRight = function() {
        return this.left+this.width;
    };
    Stage.getBottom = function() {
        return this.top+this.height;
    };
    Stage.addListener(Stage);
    Stage.addListener(tl);
    Stage.addListener(tr);
    Stage.addListener(bl);
    Stage.addListener(br);
    Stage.addListener(bg);
    MovieClip.prototype.tweenTo = function(targetsObj, speed, callbackObj, callbackFunc) {
        var noo;
        if (this.tweenControl) {
            noo = this.tweenControl;
        } else {
            noo = this.createEmptyMovieClip("tweenControl",this.depth++);
        }
        noo.targetsObj = targetsObj;
        noo.speed = speed;
        noo.callBackObj = callBackObj;
        noo.callBackFunc = callBackFunc;
        noo.onEnterFrame = function() {
            var count;
            // as its an object we can't check length,
            for (var prop in this.targetsObj) {
                this._parent[prop] += (this.targetsObj[prop]- this._parent [prop] ) /
                Кthis. speed;
                if (Math.abs(this.targetsObj [prop]- this._parent[prop])<0.4) {
                        this._parent [prop] = this.targetsObj[prop];
                        delete this.targetsObj [prop];
                }
                count++;
            }
            if (! count) {
                this.callBackObj [this.callBackFunc](this._parent);
                this.removeMovieClip();
            }
        };
    };
    tl.onResize = function() {
        var obj = (_x:Stage.left, _y:Stage.top};
        this.tweenTo(obj, 5);
    };
    tr.onResize = function() {
        var obj = (_x:Stage.right-this._width, _y:Stage.top};
        this.tweenTo(obj, 5);
    };
    bl.onResize = function() {
        var obj = (_x:Stage.left, _y:Stage.bottom-this._height};
        this.tweenTo(ob j, 5);
    };
    br.onResize = function() {
        var obj = (_x:Stage.right-this._width, _y:Stage.bottom thi s._height};
        this.tweenTo(obj, 5);
    };
    bg.onResize = function() {
        var obj = (_xscale:Stage.width-50, _yscale:Stage.height-50};
        thi s.tweenTo(obj, 5);
    };

Можно сделать еще больше - например, поставить интенсивность фона в зависимость от размера рабочего места.

bg.onResize = function() {
        var obj = {_alpha:100*
          (Stage.Width/Stage.originalWidth),
        К_xscale:Stage.width-50, _yscale:Stage.height-50};
        this.tweenTo(obj, 5);
    };

Эффект будет лучше заметен, если изменять цвет квадрата в фильме с серого на красный или синий. Если вы сделаете рабочее место совсем небольшим, фон практически полностью исчезнет (resize004.fla).

Нужно иметь в виду, что вместо создания tweenTo в виде метода объекта MovieClip можно было бы создать отдельный класс tween, унаследовав его из класса MovieClip. Это удобно, если большое количество фильмов требует доступ к этим методам. Реализовать это можно так.

function tweenable() {
    }
    tweenable.prototype = new Movieclip();
    Object.registerClass("tweenableMc", tweenable);
    tweenable.tweenTo = function() {
        var noo;
        if (this.tweenControl) {
            noo = this.tweenControl;
        } else {
            noo = this.createEmptyMovieClip("tweenControl", this.depth++);
        }
        noo.targetsObj = targetsObj;
        noo.speed = speed;
        noo.callBackObj = callBackObj;
        noo.callBackFunc = callBackFunc;
        noo.onEnter Frame = function() {
            var count;
            // as it's an object we can't check length,
            for (var prop in this.targetsObj) {
                this._parent [prop] += (this.targetsObj [prop]
                Кthis._parent [prop] ) /this. speed;
                if (Math.abs (this.targetsObj [prop] this._parent [prop] ) <0.4) {
                    this._parent[prop] = this.targetsObj [prop];
                    delete this.targetsObj [prop];
                }
                count++;
            }
            if (!count) {
                this.callBackObj [this.callBackFunc](this._parent);
                this.removeMovieClip();
            }
        };
    };

Можно использовать Object.registerClass для связывания любого отдельного символа фильма с данным классом. Тогда вы могли бы добавить дополнительные методы к этому классу для добавления параметров к tween.

tweenable.prototype.addToTween = function(obj) {
    //loop through and add properties to targetsObj
    for (var prop in obj) {
      this.tweenControl.targetsObj [prop] = obj [prop];
   }
};

Также можно присвоить каждому параметру свою скорость, свои обратные связи для использования по достижении цели, или передавать аргумент с именем параметра и достигнутым значением. Все это зависит от того, как вы хотите использовать эти параметры. Можно было бы вернуться к подходу, с помощью которого мы установили точку наблюдения для события rollOver с компонентом всплывающей подсказки, и придумать в данном случае нечто аналогичное, чтобы обычные события onEnterFrame выполнялись в одно и то же время, что и функция tweenTo, и чтобы не нужно было добавлять управляющий фильм.

myXml = newXml();
    myXml.load ("pictures.xml");

Это действие добавит документ XML, но после полной загрузки нам необходимо вызывать функцию.

myXml = new Xml();
    // call parseMe once xml has loaded
    myXml.onLoad = parseMe;
    myXml.load("pictures.xml");
    function parseMe() {
    }

myXml = new Xml();
    myXml.ignoreWhite = true;
    myXml.onLoad = parseMe;
    myXml.load("pictures.xml");
    function parseMe() {
    }

pictureObjects = [];
    myXml = new Xml();
    myXml.ignoreWhite = true;
    myXml.onLoad = parseMe;
    myXml.load("pictures.xml");
    function parseMe() {
    }

function parseMe()	{
        trace(this);
    }

Если вы сохраните фильм в той же папке, где сохранили pictures.xml, и запустите его, то увидите строку в окне Output, содержащую всю информацию внутри pictures.xml.

Однако в объекте XML имеется гораздо больше возможностей. При импортировании документа XML во Flash последний обрабатывает документ и создает из него структуру объекта, причем каждый узел ссылается на свои дочерние узлы, на братьев и на родителей, равно как и на атрибуты, которые могут иметь узлы.

function parseMe() {
    }
    function parseMe() {
        for (var i in this) {
            trace ("property - "+i+" : value - "+this[i]);
        }
    }

Этот цикл будет возвращать в окне Output следующий результат.

Итак, с помощью функции parseMe нам нужно перейти к узлу pictures и пройти циклом через его дочерние узлы (узлы picture), выбирая атрибуты каждого изображения и сохраняя их в массиве.

При вызове функции parseMe мы находимся внутри документа XML в корне документа, т.е. на уровень выше узла pictures.

Для обращения к узлу изображений вводим следующее.

this.firstChild;

Это выражение ссылается на первый дочерний узел главного узла. Теперь узлы каждого отдельного изображения сохраняются внутри массива childNodes узла pictures - это узлы, существующие в иерархии внутри узла pictures. Для обращения к этому массиву вводим следующее. Это выражение ссылается на первый дочерний узел главного узла. Теперь узлы каждого отдельного изображения сохраняются внутри массива childNodes узла pictures - это узлы, существующие в иерархии внутри узла pictures. Для обращения к этому массиву вводим следующее.

this.firstChild.childNodes;

function parseMe()  {
        var pictures = this.firstChild.childNodes;
        // loop through child nodes
        for (var i in pictures) {
            populate the array
        }
    }

function parseMe() {
        var pictures = this.firstChild.childNodes;
        for (var i in pictures) {
            var obj = pictures[i].attributes;
            pictureObjects.push(obj);
        }
    }

function parseMe() {
        var pictures = this.firstChild.childNodes;
        for (var i in pictures) {
            pictureObjects.push(pictures[i].attributes);
        }
    }

Проблема заключается в том, что мы не создаем новый объект в массиве, а просто создаем ссылку на объект attributes в объекте XML. Если объект attributes в узле XML изменится, то же самое произойдет и с объектом в нашем массиве.

function parseMe(){
        var pictures = this.firstChild.childNodes;
        for (var i in pictures) {
            pictureObjects.push(pictures[i] .attributes);
        }
        // add an attribute "hello" to the first childNode
        this.firstChild.childNodes[0].attributes.hello = true;
    }

function parseMe() {
        // this is the entire document
        // this.firstChild is the first node, ie our pictures node
        // this firstChiId.childNodes is the list of 
          individual documents
        var pictures = this.firstChild.childNodes;
        for (var i in pictures) {
            var obj = {};
            // loop through and copy attributes
            for (var j in pictures[i].attributes) {
                obj [j] = pictures [i] .attributes [j];
            }
            pictureObjects.push(obj);
        }
        this.firstChild.childNodes[0].attributes.hello = true;
    }

В данном случае это не очень важно, так как мы не собираемся в дальнейшем осуществлять управление документом XML, но нужно понимать, что происходит, когда объекты определяются посредством ссылки на другие объекты, а не в своих собственных терминах. Наш исходный массив содержал только указатель на объект атрибутов в узле XML, так что мы просто скопировали в него все параметры. Другой способ - удалить объект myXml, чтобы разрушить исходный объект attributes и оставить значение в массиве в виде единственной ссылки на этот объект.

statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;
        Текущий код будет выглядеть так.
    #include "tweento.as"
    #include "brightness.as"
    #include "stage.as"

    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;

embedder._visible = 0;
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;

_root.filename = "pictures.xml";
    embedder._visible = 0;
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;

function createStatusMovie(tex) {
        _root.createEmptyMovieClip("statusClip", 1);
        statusClip.createTextField
           ("statusText", 1, 0, 0, 550, 100);
      //	set properties of textfield
        statusClip.statusText.embedFonts = true;
        statusClip.statusText.selectable = false;
        statusClip.statusText.setNewTextFormat(statusTf);
        statusClip.statusText.text = tex;
        statusClip._x = 0;
        statusClip._y = (Stage.originalHeight- 
          statusClip.statusText.textHeight)/2-50;
    }

Мы используем объект Stage для расположения текстового поля довольно далеко от центра по вертикали, а для горизонтального центрирования используем настройку выравнивания текстового поля. Функция createStatus будет вызываться при первом импорте XML. Мы можем использовать такую же функцию для создания загрузчика отдельных изображений.

function importXml() {
        pictureObjects = [];
        myXml = new XML();
        myXml. ignoreWhite = true;
        // method to update display
        myXml.updateXmlStatus = function() {
            var percent = Math.round(this.getBytesLoaded()/
            Кthis.getBytesTotal()*100);
            if (percent<=0) {
                percent = "0";
            }
            _root.statusClip.statusText.text = "PICTURE DATA LOADING
            К\n" percent+"%";
        };
        // use setlnterval to call updateXmlStatus every 20
        //milliseconds
        myXml.updater = setlnterval(myXml, "updateXmlStatus", 20);
        myXml.onLoad = parseMe;
        myXml.load(_root.filename);
        _root.createStatusMovie("PICTURE DATA LOADING");
    }

Рассмотрим функцию updateXmlStatus.

myXml.updateXmlStatus = function() {
        var percent = Math.round
          (this.getBytesLoaded()/this.getBytesTotal()*100);
        if (percent<=0) {
            percent = "0";
        }
        _root.statusClip.statusText.text = 
           "PICTURE DATA LOADING \n"+percent+"%";
    };

Прежде всего, мы вычисляем процентное значение и округляем его, чтобы избавиться от десятичной части. Когда вызов загрузки XML происходит в первый раз (перед тем, как Flash свяжется с сервером или примет любую информацию о файле), getBytesTotal возвращает значение undefined. Тогда процентное значение будет равно нулю, деленному на undefined, что, естественно, не даст никакого результата, и будет возвращено значение NaN (не число).

Чтобы предотвратить отображение этого значения в виде процентов, мы выполняем проверку на percent. Так как NaN воспринимается Flash как значение, меньшее нуля, мы проверяем, является ли процентное значение меньшим, чем ноль и, если это так, просто устанавливаем percent на значение ноль. В последней строке мы обновляем отображаемый текст, добавляя новую строку после PICTURE DATA LOADING.

function parseMe(success) {
        // if the xml has loaded successfully
        if (success) {
            var pictures = this.firstChild.childNodes;
            for (var i = 0; i<pictures.length; i++) {
                var obj = {};
                for (var j in pictures[i] .attributes) {
                    obj [j] = pictures [i] .attributes [j];
                }
                pictureObjects.push(obj);
            }
            // stop calling the display update function
            clearInterval(this.updater);
            _root.pictureDataComplete();
            this.updateXmlStatus();
            //statusClip.removeMovieClip()
        } else {
        _root.statusClip.statusText.text = "FAILED TO LOAD DATA";
        clearInterval(this.updater);
        }
    }

Если загрузка не удалась, мы изменяем statusText для чтения FAILED TO LOAD DATA. Независимо от того, была загрузка успешной или нет, вызывается интервал updateXmlStatus. При непосредственном использовании кода мы будем удалять клип состояния сразу по завершении загрузки, однако сейчас мы оставим его, чтобы убедиться в правильности функционирования вызова статуса, т.к. в противном случае сообщение будет исчезать практически мгновенно.

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.filename = "pictures.xml";
    embedder._visible = 0;
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;
    function createStatusMovie(tex) {
        _root.createEmptyMovieClip("statusClip", 1);
        statusClip.createTextField("statusText", 1, 0, 0, 550, 100);
        statusClip.statusText.embedFonts = true;
        statusClip.statusText.selectable = false;
        statusClip.statusText.setNewTextFormat(statusTf);
        statusClip.statusText.text = tex;
        statusClip._x = 0;
        statusClip._y = (Stage.originalHeight- statusClip.statusText.textHeight)/2-50;
    }
    function importXml() {
        pictureObjects - [];
        myXml = new XML();
        myXml.ignoreWhite = true;
        myXml.updateXmlStatus = functionO {
            var percent = Math.round(this.getBytesLoaded() / this.getBytesTotal()*100);
            if (percent<=0) {
                percent = "0";
            }
            _root.statusClip.statusText.text = "PICTURE DATA LOADING \n"+percent+"%";
        };
        myXml.updater = setInterval(myXml, "updateXmlStatus", 20);
        myXml.onLoad = parseMe;
        myXml.load(_root.filename);
        _root.createStatusMovie("PICTURE DATA LOADING");
    }
    function parseMe(success) {
        if (success) {
            var pictures = this.firstChild.childNodes;
            for (var i = 0; i<pictures.length; i++) {
                var obj = {};
                for (var j in pictures[i].attributes) {
                    obj [j] = pictures [i] .attributes [j];
                }
                pictureObjects.push(obj);
            }
            clearlnterval(this.updater);
            _root.pictureDataComplete();
            this.updateXmlStatus();
            //statusClip.removeMovieClip()
        } else {
            _root.statusClip.statusText.text = "FAILED TO LOAD DATA";
            clearlnterval(this.updater);
        }
    }
    function pictureDataComplete() {
        trace("picture data loaded");
    }
    function init() {
        importXml () ;
    }
    init();

Если вы запустите файл без его сохранения, вы получите сообщение FAILED TO LOAD DATA, т.к. FLA и pictures.xml не сохранены в той же папке. Сохраните фильм в файле xmlLoader.fla и запустите его снова. На этот раз, как мы и планировали, будет выведено сообщение PICTURE DATA LOADING 100%:

function parseMe(success) {
        if (success) {
            var pictures = this.firstChild.childNodes;
            for (var i = 0; i<piсtures.length; i++) {
                var obj = {};
                for (var j in pictures[i].attributes) {
                    obj [j] = pictures [i] .attributes [j];
                }
                pictureObjects.push(obj);
            }
            _root.refreshSharedObj();
            clearlnterval (this.updater);
            statusClip.removeMovieClip();
            _root.pictureDataComplete ();
        } else {
            _root.statusClip.statusText.text = "FAILED TO LOAD DATA";
            clearlnterval(this.updater);
        }
    }

mySharedObj = sharedobject.getLocal("denim");
    mySharedObj.data.pictureObjects = pictureObjects;

var dat = new Date();
    mySharedObj.data.timeStamp = dat.getTime();

function refreshsharedobj() {
        mySharedObj = sharedobject.getLocal("denim");
        mySharedObj.data.pictureObjects = pictureObjects;
        var dat = new Date();
        // store the timestamp in the shared object
        mySharedObj.data.timeStamp = dat.getTime();
        mySharedObj.flush();
    }

function init() {
        // if the checkshared function returns true
        if (!checkshared()) {
            importXml();
        }
    }

function checkshared() {
        mySharedObj = sharedobject.getLocal("denim");
    }

function checkshared() {
        mySharedObj = sharedobject.getLocal("denim");
        if (mySharedObj.data.pictureObjects) {
        . . .
        }
    }

function checkshared() {
        mySharedObj = sharedobject.getLocal("denim");
        if (mySharedObj.data.pictureObjects) {
            var dat = new Date();
        }
    }

dat.getTime () -mysharedObj.data.timeStamp;

Это определит количество миллисекунд между текущим моментом и моментом установки общего объекта. Наилучший период для новой загрузки XML - примерно раз в неделю, поэтому мы проверяем, что значение меньше, чем 1000*60*60*27*7 = 604800000.

Если оно меньше, возвращается "истина", если нет, ничего не будет возвращено. Мы так же вызываем функцию pictureDataComplete, которую создали к моменту окончания загрузки XML. Новый код выделен жирным шрифтом.

function checkShared() {
        mySharedObj = sharedobject.getLocal("denim");
        if (mySharedObj.data.pictureObjects) {
            var dat = new Date();
            if (dat.getTime()-mysharedObj.data.timeStamp<604800000) {
          // retrieve the array from the sharedObject
                _root.pictureObjects = mySharedObj.data.pictureObjects;
                pictureDataComplete();
                return true;
            }
        }
    }

Приведем окончательный код.

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.filename = "pictures .xml";
    embedder._visible = 0;
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;
    function createStatusMovie(tex) {
        _root.createEmptyMovieClip("statusClip", 1);
        statusClip.createTextField("statusText", 1, 0, 0, 550, 100);
        statusClip.statusText.embedFonts = true;
        statusClip. statusText. selectable = false;
        statusClip.statusText.setNewTextFormat(statusTf);
        statusClip.statusText.text = tex;
        statusClip._x = 0;
        statusClip._y = (Stage. original Height- statusClip.statusText.textHeight)/2-50;
    }
    function importXml() {
        trace("data imported from xml");
        pictureObjects = [];
        myXml = new XML();
        myXml.ignoreWhite = true;
        myXml.updateXmlStatus = function() {
            var percent = Math.round(this.getBytesLoaded()/ this.getBytesTotal()*100);
            if (percent<=0) {
                percent = "0";
            }
            _root.statusClip.statusText.text = "PICTURE DATA LOADING \n"+percent+"%" ;
        };
        myXml.updater = setInterval(myXml, "updateXmlStatus", 20);
        myXml.onLoad = parseMe;
        myXml.load(_root.filename);
        _root.createStatusMovie("PICTURE  DATA  LOADING");
    }
    function parseMe(success) {
        if (success) {
            var pictures = this.firstChild.childNodes;
            for (var i = 0; i<pictures. length; i++) {
                var obj = {};
                for (var j in pictures[i] .attributes) {
                    obj[j] = pictures [i] .attributes [j];
                }
                pictureObjects.push(obj);
            }
            _root.refreshSharedObj();
            clearInterval(this.updater);
            statusClip.removeMovieClip();
            _root.pictureDataComplete();
        } else {
            _root.statusClip.statusText.text = "FAILED TO LOAD DATA";
            clearInterval(this.updater);
        }
    }
    function refreshSharedObj() {
        mySharedObj = sharedobject.getLocal("denim");
        mySharedObj.data.pictureObjects = pictureObjects;
        var dat = new Date();
        mySharedObj.data.timestamp = dat.getTime();
        mySharedObj.flush();
    }
    function checkShared() {
        mySharedObj = sharedobject.getLocal("denim" );
        if (mySharedObj.data.pictureObjects) {
            var dat = new Date();
            if (dat.getTime()-mysharedObj.data.timeStamp<604800000) {
                trace("data found in shared object");
                _root.pictureObjects = mySharedObj.data.pictureObj ects;
                pictureDataComplete();
                return true;
            }
        }
    }
    function pictureDataComplete() {
        trace("picture data loaded");
    }
    function init() {
        importXml();
    }
    function init() {
        if (!checkShared()) {
            importXml();
        }
    }
    init();

Мы добавили два выражения trace (выделены жирным шрифтом) для проверки того, откуда загружаются данные - из XML или из общего объекта. Можно поэкспериментировать с ними, чтобы понять, как они работают. Попробуйте изменить число миллисекунд даты окончания общего объекта. Таким же способом можно полностью удалить общий объект.

function checkShared() {
        mySharedObj = sharedobject.getLocal("denim");
        // loop through properties and delete them
        for (var i in mySharedObj .data) {
            delete mySharedObj.data[i];
        }
    }

В этом случае в окне Output отобразится, что данные были импортированы из XML.

Этот способ сохранения XML в виде объектной структуры может быть особенно полезен при работе с большими структурами или использовании сложных систем анализа. В этих обстоятельствах сохранение результатов посредством анализа XML позволяет нам сэкономить время и пропустить загрузку данных и ее представление посредством локального сохранения XML и представления его в виде данных, которые в обычном порядке распознаются Flash.

function pictureDataComplete() {
        _root.createStatusMovie("PICTURES LOADING");
        _root.createEmptyMovieClip("picturePlacebo", 2);
        picturePlacebo._x = 1000;
        picLoading = 0;
        // check how much is loaded on enterFrame
        this.onEnterFrame = checkPreload;
        loadNext();
    }

После плавного исчезновения фильма будет вызвана setUpStage - функция, устанавливающая интерфейс для просмотра рисунков. Приведем код, который мы ввели под нашей функцией pictureDataComplete.

function loadNext() {
        if (picLoading<pictureObjects.length) {
        // Load the next picture using the file property
        picturePlacebo.loadMovie(pictureObjects[picLoading].file);
        } else {
            delete this.onEnterFrame;
            var obj = {_alpha:0};
            picturePlacebo.removeMovieClip();
            _root.statusClip.tweenTo(obj, 9, _root, "setUpStage");
        }
    }

function checkPreload() {
        var percent = Math.round(picturePlacebo.getBytesLoaded()
        К/picturePlacebo.getBytesTotal()*100);
        if (percent<=0) {
            percent = "0";
        }
        _root.statusClip.statusText.text = 
          "PICTURE"+(picLoading+1)+"
        КLOADING \n"+percent+"%";
        if (percent == 100) {
        // store picture's width and height
            _root.pictureObjects[picLoading].width =
              _root.picturePlacebo._width;
            _root.pictureObjects[picLoading].height = 
              _root.picturePlacebo._height;
            picLoading++;
            loadNext();
        }
    }

Приведем окончательный код.

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.filename = "pictures.xml";
    embedder._visible = 0;
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    statusTf.align = "center";
    statusTf.leading = -5;
    function createStatusMovie(tex) {
        _root.createEmptyMovieClip("statusClip", 1);
        statusClip.createTextField("statusText", 1, 0, 0, 550, 100);
        statusClip.statusText.embedFonts = true;
        statusClip.statusText.selectable = false;
        statusClip.statusText.setNewTextFormat(statusTf);
        statusClip.statusText.text = tex;
        statusClip._x = 0;
        statusClip._y = (Stage.originalHeight statusClip.statusText.textHeight)/2-50;
    }
    function importXml() {
        trace("data imported from xml");
        pictureObjects = [];
        myXml = new Xml();
        myXml. ignoreWhite = true;
        myXml.updateXmlStatus = function() {
            var percent = Math.round(this.getBytesLoaded()/this.getBytesTotal()*100);
            if (percent<=0) {
                percent = "0";
            }
            _root.StatusClip.statusText.text = "PICTURE DATA LOADING \n"+percent+"%";
        };
        myXml.updater = setInterval(myXml, "updateXmlStatus", 20);
        myXml.onLoad = parseMe;
        myXml.load(_root.filename);
        _root.createStatusMovie("PICTURE DATA LOADING");
    }
    function parseMe(success) {
        if (success) {
            var pictures = this.firstChild.childNodes;
            for (var i = 0; i<pictures.length; i++) {
                var obj = {};
                for (var j in pictures[i].attributes) {
                    obj[j] = pictures [i].attributes [j];
                }
                pictureObjects.push(obj);
            }
            _root.refreshSharedObj();
            clearlnterval(this.updater);
            statusClip.removeMovieClip();
            _root.pictureDataComplete();
        } else {
            _root.StatusClip.statusText.text = "FAILED TO LOAD DATA";
            clearlnterval(this.updater);
        }
    }
    function refreshSharedObj() {
        mySharedObj = sharedobject.getLocal("denim");
        mySharedObj.data.pictureObjects = pictureObject s;
        var dat = new Date();
        mySharedObj.data.timeStamp = dat.getTime();
        mySharedObj.flush();
    }
    function checkShared() {
        mySharedObj - sharedobject.getLocal("denim");
        if (mySharedObj.data.pictureObjects) {
            var dat = new Date();
            if (dat.getTime()-mysharedObj.data.timeStamp<604800000) {
                trace("data found in shared object");
                _root.pictureObjects = mySharedObj.data.pictureObjects;
                pictureDataComplete();
                return true;
            }
        }
    }
    function pictureDataComplete() {
        _root.createStatusMovie("PICTURES LOADING");
        _root.createEmptyMovieClip("picturePlacebo", 2);
        picturePlacebo._x = 1000;
        picLoading = 0;
        this.onEnterFrame = checkPreload;
        loadNext();
    }
    function loadNext() {
        if (picLoading<pictureObjects.length) {
            picturePlacebo.loadMovie(pictureObjects[picLoading].file);
        } else {
            delete this.onEnterFrame;
            var obj = {_alpha:0};
            picturePlacebo.removeMovieClip();
            _root.statusClip.tweenTo(obj , 9, _root, "setUpStage");
        }
    }
    function checkPreload() {
        var percent = Math.round(picturePlacebo.getBytesLoaded()/
        КpicturePlacebo.getBytesTotal()*100);
        if (percent<=0) {
            percent = "0";
        }
        _root.statusClip.statusText.text = "PICTURE "+(picLoading+1)+"
        КLOADING \n"+percent+"%";
        if (percent == 100) {
            _root.pictureObjects[picLoading].width = _root.picturePlacebo._width;
            _root.pictureObjects[picLoading].height = _root.picturePlacebo._height ;
            picLoading++;
            load Next();
        }
    }
    function init() {
        if (!checkShared()) {
            importXml();
        }
    }
    init();

В дополнение к этому, если вы выберете Debug > List Variables, в окне Output также отобразится, что все ваши рисунки загружены.

Внесем последние добавления к нашему интерфейсу - настроим рабочее место таким образом, чтобы могли отображаться фотографии, а потом определим, как именно они будут отображаться.

function setUpStage() {
        _root.statusClip.removeMovieClip();
        // create the buttons
        createButtons();
        // trigger the first photo
        triggerPhoto(0);
    }

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.filename = "pictures.xml";
    embedder._visible = 0;
    buttonTf = new TextFormat("Arial", 20, 0x4375A6);
    statusTf = new TextFormat("Arial", 40, 0x4375A6);

function createButtons(imageArr, tF) {
        _root.createEmptyMovieClip("buttonHolder", 100000);
        var currx;
        for (var i = 0; i<pictureObjects.length; i++) {
            _root.buttonHolder.depth = i + 1;
            var caption = (i+1).toString().length<2 ? "00"+(i +1) : "0"+(i +1);
            var obj = {myText:caption, _x:currx, obj:_root, defaultBright:0, rollOverBright:30,
            КvisitedBright:60, activeBright:-30, pressFunction:"triggerPhoto",
            КpressArgs:i, tf:buttonTf, embedFonts:true};
            var nooButton = buttonHolder.attachMovie("nooButtonMc", "noob"+i, i, obj);
            currX += nooButton.width+5;
        }
        // set the first button to active
        buttonHolder.noob().setActive();
        buttonHolder._x = (Stage.originalWidth-buttonHolder._width)/2;
        buttonHolder._y = Math.round(Stage.bottom)-buttonHolder._height;
        // move to the bottom of the stage onResize
        buttonHolder.onResize = function() {
            var у = Math.round(Stage.bottom)-30;
            this.tweenTo({_y:y}, 3);
        };
        Stage.addListener(buttonHolder);
        Stage.onResize();
        buttonHolder.onResize();
    }

Если на данном этапе запустить фильм, кнопки загрузятся в нижней части рабочего места.

Мы использовали несколько новых элементов во второй части функции createButtons и сейчас рассмотрим их поподробнее.

Прежде всего, мы вызываем метод setActive первой кнопки. Это кнопка, соответствующая первой загруженной фотографии, поэтому она должна быть отключена в начале.

buttonHolder.noob0.setActive();

Затем мы используем объект Stage для установки позиции фильма buttonHolder таким образом, что он отцентрирован по горизонтали и расположен прямо над нижнем краем.

buttonHolder._x = (Stage.originalWidth-buttonHolder._width)/2;
    buttonHolder._y = Math.round (Stage.bottom)-buttonHolder._height;

Мы хотим, чтобы кнопки оставались внизу окна браузера или проигрывателя, поэтому добавляем функцию onResize для перемещения кнопки на нужное место.

buttonHolder.onResize = function() {
        var у = Math.round(Stage.bottom)-30;
        this.tweenTo({_y:у}, 3);
    };
    Stage.addListener(buttonHolder);

Наконец, добавляем вызовы Stage.onResize и buttonHolder.onResize для проверки того, что даты были корректны в момент создания кнопок. Это необязательно, но без обеспечения этой возможности значения Stage не будут корректно обновляться, и позиционирование будет работать неправильно.

Теперь мы готовы приступить к созданию последней части нашего интерфейса и настроить его так, чтобы можно было просматривать фотографии на рабочем месте, а также выбирать способ их отображения.

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.depth = 1000;
    _root.filename = "pictures.xml";

function triggerPhoto (currentPicture)	{

Во-первых, она будет определять объект рисунка, который будет использоваться, путем поиска в массиве pictureObjects значения, переданного функции.

function triggerPhoto(currentPicture) {
        var nextPicObj = pictureObjects[currentPicture];

Затем она создаст пустой фильм для содержания в нем рисунка. Далее внутри него будет создан другой фильм, в который будет непосредственно загружаться рисунок. Это делается потому, что когда фильм содержит загруженный рисунок или иной SWF, удаляются многие элементы, такие как элементы управления onEnterFrame и (что более подходит к нашему случаю) маскирование данных.

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

_root.depth--;
    var noopic = createEmptyMovieClip("picClip"+depth, depth);
    noopic.createEmptyMovieClip("inner", 1);
    noopic.inner.loadMovie(nextPicObj.file);
    nooPic._xscale = nooPic._yscale = 101;
    nooPic.inner._x = (Stage.originalWidth-nextPicObj.width)/2;
    nooPic.inner._y = (Stage.originalHeight-nextPicObj.height)/2;

После этого создаем максу, которая будет располагаться по левому краю рабочего стола и растягиваться по высоте фильма. Внутри маски мы устанавливаем ссылку на соответствующий фильм с рисунком, чтобы при удалении маски изображение также могло быть удалено.

_root.depth--;
    var nooMask = _root.attachMovie("mask", "mask"+depth, depth);
    nooMask._x = 0;
    nooMask._yscale = Stage.originalHeight;
    nooMask._xscale = 1;
    nooMask.myPic = nooPic;
    nooPic.setMask(nooMask);

Мы будем постепенно изменять размер маски для покрытия всего рабочего места.

noMask.tweenTo ({_xscale:Stage.originalWidth+200}, 15);

Следующим шагом выясним, находится ли уже рисунок на рабочем месте, и вызовем функцию maskOut, если это так.

if (_root.latestMask) {
        maskOut();
    }

После этого мы устанавливаем latestMask на текущую маску, указывая, что она будет удалена следующей.

_root.latestMask = nooMask;

Наконец, проверяем, опустилось ли значение depth ниже величины 900. Если да, то возвращаем значение на 1000 для предотвращения перезаписи каких-либо элементов на рабочем столе.

if (_root.depth<900) {
            _root.depth = 1000;
        }

Приведем полный код функции.

function triggerPhoto(currentPicture) {
        var nextPicObj = pictureObjects[currentPicture];
        _root.depth--;
        var noopic = createEmptyMovieClip("picClip"+depth, depth);
        noopic.createEmptyMovieClip("inner", 1);
        noopic.inner.loadMovie(nextPicObj.file);
        nooPic._xscale = nooPic._yscale=101;
        nooPic.inner._x = (Stage.originalWidth-nextPicObj.width)/2;
        nooPic.inner._y = (Stage.originalHeight-nextPicObj.height)/2;
        _root.depth--;
        var nooMask = _root.attachMovie("mask", "mask"+depth, depth);
        nooMask._x = 0;
        nooMask._yscale = Stage.originalHeight;
        nooMask._xscale = 1;
        nooMask.rayPic = nooPic;
        nooPic.setMask(nooMask);
        nooMask.tweenTo((_xscale:Stage.originalWidth+200}, 15);
        if (_root.latestMask) {
            maskOut();
        }
        _root.latestMask = nooMask;
        if (_root.depth<900) {
            _root.depth = 1000;
        }
    }

function maskOut() {
        _root.latestMask.tweenTo({_x:Stage.originalWidth+200}, 
           15, _root, "remove");
    }

function remove(maskMc) {
        maskMc.myPic.removeMovieClip();
        maskMc.removeMovieClip();
    }

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

#include "tweento.as"
    #include "brightness.as"
    #include "stage.as"
    _root.depth = 1000;
    _root.filename = "pictures.xml";
    embedder._visible = 0;
    buttonTf = new textFormat("Arial", 20, 0x4375A6);
    statusTf = new TextFormat("Arial", 40, 0x4375A6);
    //rest of code goes here

    function createButtons(imageArr, tF) {
        _root.createEmptyMovieClip("buttonHolder", 100000);
        var currx;
        for (var i = 0; i<pictureObjects.length; i++) {
            _root.buttonHolder.depth = i+1;
            var caption = (i+1) .toString().length<2 ? "00"+(i+1) : "0"+(i+1);
            var obj = {myText:caption, _x:currx, obj:_root,
            КdefaultBright:0, rollOverBright:30, visitedBright:60,
            КactiveBright:-30, pressFunction:"triggerPhoto",
            К-pressArgs:i, tf:buttonTf, embedFonts:true};
            var nooButton = buttonHolder.attachMovie ("nooButtonMc",
            К"noob"+i, i, obj);
            currX += nooButton.width+5;
        }
        buttonHolder.noob().setActive();
        buttonHolder._x = (Stage.originalWidth-buttonHolder._width)/2;
        buttonHolder._y = Math.round(Stage.bottorn)-buttonHolder._height;
        buttonHolder.onResize = function() {
            var у = Math.round (Stage.bottom) -30;
            this.tweenTo({_y:y}, 3);
        };
        Stage.addListener(buttonHolder);
        Stage.onResize();
        buttonHolder.onResize();
    }
    function triggerPhoto(currentPicture) {
        var nextPicObj = pictureObjects[currentPicture];
        _root.depth--;
        var noopic = createEmptyMovieClip("picClip"+depth, depth);
        noopic.createEmptyMovieClip("inner", 1);
        noopic.inner.loadMovie(nextPicObj.file);
        nooPic._xscale = nooPic._yscale=101;
        nooPic.inner._x = (Stage.originalWidth-nextPicObj.width)/2;
        nooPic.inner._y = (Stage.originalHeight-nextPicObj.height)/2;
        _root.depth--;
        var nooMask = _root.attachMovie("mask", "mask"+depth, depth);
        nooMask._x = 0;
        nooMask._yscale = Stage.originalHeight;
        nooMask._xscale = 1;
        nooMask.myPic = nooPic;
        nooPic.setMask(nooMask);
        nooMask.tweenTo((_xscale:Stage.originalWidth+200}, 15);
        if (_root.latestMask) {
            maskOut();
        }
        _root.latestMask = nooMask;
        if (_root.depth<900) {
            _root.depth = 1000;
        }
    }
    function maskOut() {
        _root.latestMask.tweenTo({_x:Stage.originalWidth+200}, 15, _root,
        К"remove");
    }
    function remove(maskMc) {
        maskMc.myPic.removeMovieClip();
        maskMc.removeMovieClip();
    }
    function init() (
        if (!checkShared()) {
            importXml(};
        }
    }
    init();

Таким образом, при создании этого интерфейса вы изучили намного больше, чем при работе с двумя предыдущими версиями. Здесь рисунки загружаются динамически, а с использованием XML можно выбирать рисунки для загрузки без изменения FLA. Мы также минимизировали время инициализации, использовав sharedObjects для кэширования созданного при обработке XML массива. Интерфейс может работать с массивами различного размера, хотя массивы, с которыми мы работали, были одинаковы по величине. Даже если вы будете быстро щелкать на разных кнопках, фотографии по-прежнему будут плавно скользить через экран. При помощи системы обратных связей можно изменить работу масок так, чтобы фотографии появлялись только после исчезновения других. Данные заголовка, которые мы включили в XML, можно использовать для добавления названий рисунков.