帶有不同大小文本的Flex列表

Question

我有一個名爲authors的ArrayCollection，其中包含大量不同大小的文本。我想以一種方式列出關於作者的所有信息，每個項目的大小根據文本。這裏是代碼：

<mx:List dataProvider="{authors}"> 
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:VBox width="100%"> 
       <mx:Text text="{data.name}"/> 
       <mx:Text text="{data.about}" width="100%"/> 
      </mx:VBox> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:List> 

我已經嘗試了許多不同的東西，但沒有任何幫助。有任何想法嗎？ Thx

Answer 1

嘗試是這樣的：

<mx:List dataProvider="{authors}" height="300" variableRowHeight="true" width="200"> 
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:VBox paddingLeft="0" paddingRight="0"> 
       <mx:Text text="{data.name}" /> 
       <mx:Text text="{data.about}" width="{explicitWidth}" /> 
      </mx:VBox> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:List> 

Answer 2

您是否嘗試過使用fontSize屬性？

<mx:List dataProvider="{authors}"> 
    <mx:itemRenderer> 
     <mx:Component> 
      <mx:VBox width="100%"> 
       <mx:Text text="{data.name}" fontSize='30'/> 
       <mx:Text text="{data.about}" width="100%"/> 
      </mx:VBox> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:List> 

另外，使用htmlText屬性將讓你用HTML文本格式：http://livedocs.adobe.com/flex/3/html/help.html?content=textcontrols_04.html