如何在平鋪列表中添加圖像

我正在使用Flex Builder 3.0，並且想要動態添加圖像到平鋪列表中，然後如何可能。圖像存儲在src的Images文件夾中。和我的數組是類似的。如何在平鋪列表中添加圖像

private var arrImage:Array = [ 
      {source:"Images/1.png",tooltip:"1"}, 
      {source:"Images/2.png",tooltip:"2"}, 
      {source:"Images/3.png",tooltip:"3"}, 
      {source:"Images/4.png",tooltip:"4"}, 
      {source:"Images/5.png",tooltip:"5"}, 
      {source:"Images/6.png",tooltip:"6"}, 
      {source:"Images/7.png",tooltip:"7"}, 
      {source:"Images/8.png",tooltip:"8"}, 
      {source:"Images/9.png",tooltip:"9"}, 
      {source:"Images/10.png",tooltip:"10"}];

我的瓷磚列表數據提供者是arrImage。

來源

2011-12-14 Sagar Rawal

爲什麼添加工具提示？ – 2011-12-14 11:43:31

我想在顯示圖像時展示工具提示。 – 2011-12-14 11:44:17

請試試這個代碼.....

private var arrImage:Array = [ 
      {source:"Images/1.png",tooltip:"1"}, 
      {source:"Images/2.png",tooltip:"2"}, 
      {source:"Images/3.png",tooltip:"3"}, 
      {source:"Images/4.png",tooltip:"4"}, 
      {source:"Images/5.png",tooltip:"5"}, 
      {source:"Images/6.png",tooltip:"6"}, 
      {source:"Images/7.png",tooltip:"7"}, 
      {source:"Images/8.png",tooltip:"8"}, 
      {source:"Images/9.png",tooltip:"9"}, 
      {source:"Images/10.png",tooltip:"10"}]; 


    <mx:TileList id="tileList" dataProvider="{arrImage}" columnCount="1" columnWidth="100" 
    useRollOver="false" selectable="false" backgroundAlpha="0" borderStyle="none" 
    rowHeight="65" verticalScrollPolicy="off" horizontalScrollPolicy="off" > 
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:VBox width="100%" height="100%" horizontalAlign="center" verticalGap="0" 
       verticalAlign="middle" horizontalScrollPolicy="off" verticalScrollPolicy="off"> 
       <mx:Script> 
        <![CDATA[ 
         import mx.controls.Alert; 
         override public function set data(value:Object):void 
         { 
          if(value !=null) 
          { 
           super.data = value; 
           if(img !=null) 
           { 
            img.source = data.source; 
            img.toolTip = data.tooltip; 
           } 
          } 
         } 
        ]]> 
       </mx:Script> 
       <mx:Image id="img" /> 
      </mx:VBox> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:TileList>

來源

2011-12-14 11:31:46

可以使用iconField屬性用於此。

例如你的情況：

<mx:TileList dataProvider="{arrImage}" iconField="source"/>

閱讀livedocs更多這方面的信息。

來源

2011-12-14 11:33:54

如何在平鋪列表中添加圖像

回答

相關問題