在Flash Builder中為每個圖像設置動態圖像和事件處理程序

Question

如何添加一組動態圖像，然后向每個觸發不同事件的事件添加事件處理程序？

我的情況是我有一個遠程服務，該服務可以獲取具有className，classID和classDescription的一組數據（ArrayCollection）。 我希望圖像具有觸發新面板顯示的事件處理程序，該面板顯示將為所單擊的特定類顯示“ classDescription”。 我的問題是弄清楚如何檢索正確的數據集並將圖像正確添加到面板。

Answer 1

從數組集合中創建一個值對象，一個類或一個接口，以確保屬性名稱相同，並為其創建相關的訪問器

public class DataObject
{
  protected var _classDescription:String;

  public function get classDescription():String
  {
     return _classDescription;
  }

  public function set classDescription(value:String):void
  {
     _classDescription = value;
  }
}

當您從ArrayCollection中檢索對象時，可以遍歷對象的屬性以將它們分配給您的value對象

var dataObj:DataObject = new DataObject();

   for each ( var prop:String in collectionObject )
       if( dataObj.hasOwnProperty(prop) )
           dataObj[prop] = collectionObject[prop] ;

該對象應擴展Sprite，以便您可以將圖像添加為子對象並調度鼠標事件。 在圖像容器中，value對象將添加一個MouseEvent偵聽器，並且偵聽功能可能如下所示：

private function mouseClickHandler(event:MouseEvent ):void
{
    var target:YourValueObject = event.currentTarget as YourValueObject;
    trace ( target.classDescription );
}