List 控件可显示垂直项目列表。

示例：

      代码

 
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
  3.                xmlns:s="library://ns.adobe.com/flex/spark"   
  4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
  5.     <fx:Declarations> 
  6.         <!-- 将非可视元素（例如服务、值对象）放在此处 --> 
  7.     </fx:Declarations> 
  8.     <fx:Script> 
  9.         <![CDATA[  
  10.             import mx.collections.ArrayCollection;  
  11.             [Bindable]  
  12.             public var listInfo:ArrayCollection = new ArrayCollection([{name:"炎炎夏日",icon:"assets/1.jpg"},  
  13.                 {name:"飒飒秋风",icon:"assets/2.jpg"},  
  14.                 {name:"银装素裹",icon:"assets/3.jpg"},{name:"燕啄新泥",icon:"assets/4.jpg"}]);  
  15.         ]]> 
  16.     </fx:Script> 
  17.     <s:List dataProvider="{listInfo}" labelField="name"/> 
  18. </s:Application> 
 
  
   效果：
 
  
 其中 labelfield指所要显示的字符内容
 
  
为list加上itemrenderer：
 
  
     list:      <s:List dataProvider="{listInfo}" itemRenderer="listItemrenderer" >
 
  
项呈示器：
 
  
 
 
  
 
  
  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"   
  3.                 xmlns:s="library://ns.adobe.com/flex/spark"   
  4.                 xmlns:mx="library://ns.adobe.com/flex/mx"   
  5.                 autoDrawBackground="true"> 
  6.     <s:Group> 
  7.             <s:Label text="{data.name}" x="10"/> 
  8.             <s:BitmapImage  source="{data.icon}" width="10" height="10"/> 
  9.     </s:Group> 
  10.  
  11.       
  12. </s:ItemRenderer> 
 
  
一个group里面 放了一个图片和一个label 其中label的横坐标是10 ，这个效果类似于qq的好友列表  即 icon+label。
 
  
学习ING！！！