AS3加载工作流程:首先是XML,然后是多个资产

时间:2010-02-18 00:01:29

标签: xml actionscript-3 bulk-load

我正在开发我的第一个大型Actionscript 3网站并尝试确定最佳加载顺序。我目前正在使用BulkLoader,因为对于更大的网站来说,文件大小并不是什么问题,但我肯定对其他方法持开放态度。

我正在试图找出哪些外部资产来衡量进度{1 swf,1 css文件,多个图像},但由于它们依赖于加载的XML文件,因此无法弄清楚如何对它们进行分组/排序。

AS3中资产的程序初始化和链加载的最佳实践是什么,特别是在从XML文件创建网站结构时?

首先,我正在加载一个SWF和一个XML文件,其中包含网站结构 page-ids copy ,以及图像文件名(背景图片和页面幻灯片)。我目前正在预先批量加载XML和CSS文件,然后生成整个程序。我必须从XML中检索图像文件名然后加载它们,但这实际上是一个由两部分组成的过程。有没有办法以某种方式为所有这些批量加载创建一个预加载器?

关于我的初始化过程的一些注意事项:时间轴中有1帧,并且舞台上只存在预加载器。在解析XML之后,页面+其他详细信息(导航,背景图像,幻灯片等)都作为新对象添加/创建,然后我删除预加载器剪辑。在预先加载所有内容时,这可能会有点处理器密集,但是当用户点击网站时,可以防止必须一次又一次地预加载。我也将实现SWFAddress,因此预加载序列对于掌握是至关重要的。

2 个答案:

答案 0 :(得分:0)

这可能无法解答您的问题,但希望这对您来说很有趣:http://code.google.com/p/deepsplink/wiki/GettingStarted 它是深层链接框架的入门指南,涵盖了您感兴趣的一些主题。 (免责声明:我是deepsplink的作者)

答案 1 :(得分:0)

我最终使用AS3 QueueLoader - 它使我能够在加载XML后将资源添加到队列中,并且仍然将我的预加载保持为一个进程。甜!

我希望这有助于某人。如果您对此有任何疑问,请与我们联系!

以下是一些在加载XML后将图像添加到队列中的代码(省略了很多细节):

private function init():void {
    _oLoader = new QueueLoader();
    _oLoader.addItem(PATH+cssURL, css, {title:'cssContent'});
    _oLoader.addItem(PATH+"xml/copy.xml", pageXML, {title:'pageXML'});

    _oLoader.addEventListener(QueueLoaderEvent.ITEM_PROGRESS, onItemProgress, false, 0, true);
    _oLoader.addEventListener(QueueLoaderEvent.ITEM_COMPLETE, onItemComplete, false, 0, true);
    _oLoader.addEventListener(QueueLoaderEvent.QUEUE_PROGRESS, onQueueProgress, false, 0, true);
    _oLoader.addEventListener(QueueLoaderEvent.QUEUE_COMPLETE, onQueueComplete, false, 0, true);

    _oLoader.execute();
}
private function onItemComplete(evt:QueueLoaderEvent):void {
 if (evt.title == 'cssContent') {
    css = StyleSheet(evt.content);
}
if(evt.title == 'pageXML'){
    pageXML = XML(evt.content);

    processXML(); // creates page objects based on XML

    for(var i:int=0; i<pageXML.PARENT.length(); i++){
         //loops through XML for background images and adds them to various
         //sprite layers for simple turning on and off
        numSubPages = pageXML.PARENT[i].PAGE.length();

        var pageImgHolder = new Sprite();
        pageImgHolder.name = 'page'+i;
        pageImgHolder.x = 0; pageImgHolder.y = 0;
        bgImgHolder_mc.addChild(pageImgHolder);

        for(var j:int=0; j<numSubPages; j++){
            if(String(pageXML.PARENT[i].PAGE[j].@IMAGE) !== ''){
            bgImg = new Sprite();
            bgImg.name = 'page'+i+'img'+j;
            bgImg.alpha = 0;

            pageImgHolder.addChild(bgImg);

            _oLoader.addItem(PATH+'images/'+pageXML.PARENT[i].PAGE[j].@IMAGE, bgImg, {title:'page'+i+'img'+j})
            trace(pageImgHolder.parent.name+'/'+bgImg.parent.name+'/'+bgImg.name+' = '+pageXML.PARENT[i].PAGE[j].@IMAGE);
            }
        }
        }
    xmlLoaded = true;
    } 
}
private function onQueueComplete(evt:QueueLoaderEvent):void {
    trace("** "+evt.type);
    imgHolderLoaded = true;

    Preloader.instance.spinnerDone();
    startMovie();

    bgImgHolder_mc.turnOnImg(0, 0);
    //turns on image for page 0, subpage 0 (i have a very complicated architecture)
}