flex4多img加载通用函数

Question

我对 Flex 4 平台还比较陌生（我只使用了两三个月）。我将简短地介绍一下，

<mx:TabNavigator....
<s:NavigatorContent...
<s:BorderContainer width="522" 
          height="138" 
          id="fstCont4" 
          backgroundAlpha="0" 
          dropShadowVisible="true" 
          x="568.25" y="177.1">
    <s:layout>
     <s:HorizontalLayout gap="0" verticalAlign="middle"/>
    </s:layout>
    <s:Label text="Lahore PIE" 
       rotation="-90"  
       fontWeight="normal" 
       fontFamily="Arial" 
       fontSize="18" 
       verticalAlign="middle" 
       textAlign="center" 
       fontStyle="normal"/>
    <mx:Image id="lhrPIE" 
        width="506" 
        height="138"/>
    <s:Button height="25" width="25" rotation="90" click="lhrPIE_Refresh_clickHandler(event)"/>
   </s:BorderContainer>

</s:NavigatorContent>
</mx:TabNavigator>

我在 NavigatorContent 上有一个 contentCreationComplete 事件...一旦触发，我就会将一些 img 加载到 mx Image 组件中。我在 NavigatorContent 容器内有许多这样的 BorderContainer，因此在 ContentCreation 函数中加载了很多图像。

我还在 BorderContainer 组件中添加了一个按钮组件，以便用户可以从许多 BorderContainer + img 组合中手动重新加载特定的 img。前面提到的点击事件只是将 img 加载到 img 块中。问题是我不想为所有按钮编写事件处理程序。

我怎样才能制作一个通用函数..

我有一种感觉，它会像

受保护的函数 imgRefresh_clickHandler(event:MouseEvent):void { this.lhrPIE.load("...."); 我怎样

才能使这个函数通用并一般引用每个容器的img块而不引用ID（这当然是每个img块的应用程序所独有的）

Answer 1

如果您计划在每个 BorderContainer 中使用不同的按钮，并且每个容器中内容的顺序相同且固定（即图像始终是第二项），那么您可以使用索引来触发相应图像上的加载：

imgRefresh_clickHandler(event:MouseEvent):void
{
    (event.target.parent.getChildAt(1) as Image).load();
}

其中 1 对应于图像组件所在的索引。此代码假定图像上的 source 属性已设置。

Answer 2

以这种方式做得很好......希望可以帮助某人......

        private var imgPattren:RegExp = /......$/;
        private var imgLoc:Array = new Array("img1.png","img2.png");



       protected function imgRefresh_clickHandler(event:MouseEvent):void
        {
                             switch(String(imgPattren.exec(String(event.currentTarget))))
                            {
                            case 'isbTW1':
                                event.currentTarget.load(imgLoc[0]);
                                break;
                            case 'isbPIE':
                                event.currentTarget.load(imgLoc[0]);
                                break;
        }
        }

但是我仍然面临问题。当我的图像无法加载时，我收到“图像丢失图标”。我的点击区域缩小为那个小图标而不是原始图像。我可以将点击处理程序添加到 Bordercontainer 并使用 @merv 建议的方法