進捗バーを含むモジュールをロードする

Question

私のアプリケーションには、私のアプリケーションにロードするモジュールが2つあります。

<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

私はそれを得ました。

まず、Flex 3では、creationComplete関数にInitModuleLoader関数を入れますが、Flex 4ではこのメソッドをinitializeで指定する必要があります。

は、第二のFlex 4（これは、Flex 3でない）には表示されませんので、私はMX置き換え：MXでパネルを：HBoxのかS：グループ

ザッツをすべて、それが動作します。

しかし、上記のようにJ_A_Xが推奨されているように、新しいmoduleLoader thats skinnableがあるので、Fx 4.5を使用する方が良いです。

Answer 2

あなたのonReadyハンドラはスタンダードを削除しますが、プログレスバーは削除しません。