Flex的名單：上述標籤字段的圖標，中心

Question

我終於成功地讓我的名單水平渲染，但問題是這樣的：

當我運行的應用程序，我看到名單如下：

不介意標籤字段，數據是從測試中收集的XML

問題是，我希望列表顯示標籤字段上方的圖標（標籤'file1'上方的iMac圖像）和兩者以中心爲中心。

這裏是清單代碼在我HomeView：

<s:List id="tripList" left="0" right="0" top="0" bottom="0" 
     change="tripList_changeHandler(event)" dataProvider="{data}" horizontalCenter="0" 
     labelField="title" verticalCenter="0"> 
    <s:layout> 
     <s:TileLayout/> 
    </s:layout> 
    <s:itemRenderer> 
     <fx:Component> 
      <s:IconItemRenderer iconFunction="getPhotoURL" iconWidth="128" iconHeight="128" height="150" width="379" verticalAlign="top" textAlign="center"> 
       <fx:Script> 
        <![CDATA[ 
         protected function getPhotoURL(item:Object):String 
         { 
          return "images/mine/" + item.image 
         } 
        ]]> 
       </fx:Script> 
      </s:IconItemRenderer> 
     </fx:Component> 
    </s:itemRenderer> 
</s:List> 

THX任何答案！

Answer 1

這樣的事情...

<s:List id="tripList" left="0" right="0" top="0" bottom="0" 
      horizontalCenter="0" 
      labelField="title" verticalCenter="0"> 
     <s:layout> 
      <s:TileLayout/> 
     </s:layout> 
     <s:dataProvider> 
      <s:ArrayList> 
       <fx:Object title="item 1" icon="adobe-logo.jpg" /> 
       <fx:Object title="item 2" icon="adobe-logo.jpg" /> 
       <fx:Object title="item 3" icon="adobe-logo.jpg" /> 
       <fx:Object title="item 4" icon="adobe-logo.jpg" /> 
       <fx:Object title="item 5" icon="adobe-logo.jpg" /> 
       <fx:Object title="item 6" icon="adobe-logo.jpg" /> 
      </s:ArrayList> 
     </s:dataProvider> 
     <s:itemRenderer> 
      <fx:Component> 
       <s:ItemRenderer> 
        <s:VGroup horizontalAlign="center"> 
         <s:Image source="{data.icon}" /> 
         <s:Label text="{data.title}" /> 
        </s:VGroup> 
       </s:ItemRenderer> 
      </fx:Component> 
     </s:itemRenderer> 
    </s:List>