Flex列表：與第一個項目不同的出現

Question

我正在創建一個顯示Flex新聞列表的移動應用程序。

每個新聞都有一個標題和一張圖片，所以我使用帶有iconItemRenderer的列表來顯示結果。看來itemRenderers總是給所有項目出現相同的出現。

但我想給出第一個項目不同的外觀，全幅照片和更大的標題。我不知道該怎麼做。

有什麼想法？

Answer 1

您應該使用自定義組件並重寫一些基本方法。所以，我試圖做到這一點，但面臨一些問題。可能是這個問題沒有在flex 3中修復（我使用flex 3 :-)）。 因此，儘管這我找到了解決辦法。

import mx.controls.List; 
import mx.core.IFactory; 

public class ListEx extends List{ 

    public function ListEx(){ 
     super(); 
    } 

    public var item1stRenderer:IFactory; 
    public var item1stCount:int=1; 
    private static var _first:int = 0; 

    override public function getItemRendererFactory(data:Object):IFactory{ 
     if(_first<=item1stCount && item1stRenderer != null && data != null){ 
      return item1stRenderer; 
     }else{ 
      return super.getItemRendererFactory(data); 
     } 
    } 

    override public function get itemRenderer():IFactory{ 
     if(_first<=item1stCount && item1stRenderer != null){ 
      _first++; 
      return item1stRenderer; 
     }else{ 
      return super.itemRenderer; 
     }   
    }  
} 

讓我們來測試一下！

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="100%" width="100%" xmlns:local="*"> 

    <mx:Model id="mystates"> 
     <states> 
      <state label="Alabama" data="AL"/> 
      <state label="Alaska" data="AK"/> 
      <state label="Arizona" data="AZ"/> 
      <state label="Arkansas" data="AR"/> 
      <state label="California" data="CA"/> 
      <state label="Colorado" data="CO"/> 
      <state label="Connecticut" data="CT"/> 
     </states> 
    </mx:Model> 

    <local:ListEx itemRenderer="mx.controls.TextInput" id="g_list" dataProvider="{mystates.state}" width="100%"> 
     <local:item1stRenderer> 
      <mx:Component> 
       <mx:Label color="blue"/> 
      </mx:Component> 
     </local:item1stRenderer> 
    </local:ListEx> 

</mx:Application> 

希望，我可以幫助你。

PS：抱歉我的英語，我是俄語演講:)