AS3如何在循環中加載外部圖像？

Question

我在使用AS3在Flash中創建高分表，我已經成功地獲得了顯示名稱和分數的工作代碼，但也是我需要顯示用戶國旗的高分表的一部分。標誌的圖像存儲在遠程服務器上。

現在我知道如何加載單個圖像並將其添加到我的影片剪輯中，但是當我想通過迭代循環來加載20 +時，情況變得非常複雜。我看了很多例子，只是不能採用示例代碼爲我工作。無論如何，沒有進一步的做到這裏是我到目前爲止。

// Load High scores from server 
var hiscoreloader:URLLoader = new URLLoader(); 
hiscoreloader.addEventListener(Event.COMPLETE, highScoresLoaded); 
var hiscorexml:XML; 
function highScoresLoaded(e:Event):void 
{ 
    hiscorexml = new XML(e.target.data); 
    var hsList:XMLList = hiscorexml.highscores.highscore; 
    for(var i:uint = 0; i < hsList.length(); i++) 
    { 
     this["hs_score_"+i].text = zeroPad(hsList.score.text()[i], 8); 
     this["hs_name_"+i].text = hsList.name.text()[i]; 
     // Load in Flag 
     // url of flag will be: "http://wfwxg.philosophydesign.com/images/flags/" + hsList.country.text()[i] + ".png" 
     // Move clip instance name the above image needs adding too will be: this["hs_flag_"+i] 
    } 
} 
hiscoreloader.load(new URLRequest("http://wfwxg.philosophydesign.com/includes/top20.php?nocache=" + new Date().getTime()));

任何人都可以修改我的代碼做什麼我之後？

非常感謝

斯科特

Answer 1

這裏有一個快速的解決方案。

實際上，我會建議封裝關注點，以便代碼不緊密耦合。現在，您可以在一個函數中處理幾乎所有內容，同時將結果數據分配給您的主要MovieClip。這就是爲什麼我創建了一個數組來保存XML數據以及加載的圖像。

一種可能的結構可能是：
- 首先檢索XML數據並將其分配給數據Array。
- 通過數據Array循環加載圖像，並將加載的內容分配給相關對象。
- 所有圖像都加載完畢後，使用數據數組來設置你的顯示器

 // Load High scores from server 
     var hiscoreloader:URLLoader = new URLLoader(); 

      //Create an Array to hold your XML data 
     var data:Array = []; 

     hiscoreloader.addEventListener(Event.COMPLETE, highScoresLoaded); 

     var hiscorexml:XML; 

     function highScoresLoaded(e:Event):void 
     { 
      hiscorexml = new XML(e.target.data); 
       var hsList:XMLList = hiscorexml.highscores.highscore; 

      for(var i:uint = 0; i < hsList.length(); i++) 
      { 
      //here we create a new Object to hold the retrieved data 
      //and add it to the data Array 
      data[i] = { 
          hs_score:zeroPad(hsList.score.text()[i], 8), 
      hs_name: hsList.name.text()[i], 
      flagURL:"http://wfwxg.philosophydesign.com/images/flags/" 
          + hsList.country.text()[i] + ".png", 
      mc_name:"hs_flag_"+i.toString(); 
      }; 

      //load the images 
      var loader:Loader = new Loader(); 
      configureListeners(loader.contentLoaderInfo); 
      loader.name = i.toString(); 
      loader.load(new URLRequest(data[i].flagURL)); 
      } 
     } 

     function configureListeners(info:LoaderInfo):void 
     { 
      //add all your event listeners here 
      info.addEventListener(Event.COMPLETE , completeHandler); 
     } 

     function removeListeners(info:LoaderInfo):void 
     { 
      //remove all your event listeners here 
      info.removeEventListener(Event.COMPLETE , completeHandler); 
     } 


    function completeHandler(event:Event):void 
    { 
     var index:int = int(event.currentTarget.loader.name); 
     //add the image data to your data Array 
     data[index].flag = event.currentTarget.loader.content; 
     removeListeners(event.currentTarget); 
    }