Question

我的应用程序有几个模块正在我的应用程序中加载。

<local:moduleloader url="Module1.swf" id="modulel" />
<local:moduleloader url="Module2.swf" id="module2" />

然后在加载每个模块时，我显示进度条。进度条显示但不会消失。它仍然高于应用程序的整个框架。模块加载器如下：

（另请注意，在Flex 3中同样有效，但我使用的是Flex 4，而在Fx 4中却没有）

<mx:ModuleLoader    xmlns:fx="http://ns.adobe.com/mxml/2009" 
                    xmlns:s="library://ns.adobe.com/flex/spark" 
                    xmlns:mx="library://ns.adobe.com/flex/mx"  
                    xmlns="*" 
                    creationComplete="initTheModuleLoader()">
    <fx:Script>
        <![CDATA[
            import mx.core.Application;
            import mx.core.FlexGlobals;    

            private var ParentApp:* = FlexGlobals.topLevelApplication;
            private var standin:DisplayObject;

            private function initTheModuleLoader():void {
                addEventListener("loading", onLoading);
                addEventListener("progress", onProgress);
                addEventListener("setup", onSetup);
                addEventListener("ready", onReady);
                addEventListener("error", onError);
                standin = panel;
            }

            private function onUrlChanged(event:Event):void {
                if (url == null) {
                    if (contains(standin))
                        removeChild(standin);
                } else {
                    if (!contains(standin))
                        addChild(standin);
                }
                progress.indeterminate=true;
            }

            import mx.controls.Alert;
            private function onLoading(event:Event):void {
                //progress.label=languageXml.lastResult.progress.progressonLoading +' ' + url;//Loading module
                progress.label = "Loading module"  + ' ' + url;//Loading module
                if (!contains(standin))
                    addChild(standin);
                progress.indeterminate=true;
            }

            private function onProgress(event:Event):void {           
                //progress.label=languageXml.lastResult.progress.progressonProgress;            //Loaded %3%%...
                progress.label = "Loaded %3%%...";          //Loaded %3%%...
                progress.indeterminate=false;
            }

            private function onSetup(event:Event):void {
                //progress.label=String(languageXml.lastResult.progress.progressonSetup).replace('###',url)
                progress.label = "on SetUp"; 
                progress.indeterminate=false;
            }

            private function onReady(event:Event):void {
                //progress.label= String(languageXml.lastResult.progress.progressonReady).replace('###',url);
                progress.label = "onReady";
                if (contains(standin))
                    removeChild(standin);
            }

            private function onError(event:Event):void {
                //progress.label=languageXml.lastResult.progress.progressonError + " " + url;
                progress.label = "Error";
            }

            private function onUnload(event:Event):void {
                if (url == null) {
                    if (contains(standin))
                        removeChild(standin);
                } else {
                    if (!contains(standin))
                        addChild(standin);
                }
                progress.indeterminate=true;
                progress.label="Module " + url + " was unloaded!";
            }   
        ]]>

    </fx:Script>

    <mx:Panel id="panel" width="100%"  borderStyle="none" >
        <mx:ProgressBar width="100%" id="progress"  source="{this}" />
    </mx:Panel>

</mx:ModuleLoader>

有人可以提供帮助吗？

Answer 1

你的onReady处理程序删除了替换，但没有删除进度条。

Answer 2

我明白了。

首先在Flex 3中将InitModuleLoader函数放入creationComplete中，但在Flex 4中，必须在初始化中指定此方法。

其次，Flex 4中没有显示（它在Flex 3中显示），所以我用mx代替了mx：Panel：HBox或s：Group

这就是全部而且有效。

但是正如上面提到的J_A_X更好地使用Fx 4.5，因为它有一个新的moduleLoader，它可以使skinnable变得非常酷。

使用进度条加载模块

2 个答案: