Flex列表包含不同大小的文本

时间:2011-05-14 17:15:12

标签: flex list text

我有一个名为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

2 个答案:

答案 0 :(得分:2)

尝试这样的事情:

<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>

答案 1 :(得分:0)

您是否尝试过使用字体大小属性?

<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>

或者,使用html Text属性可以使用HTML格式化文本:http://livedocs.adobe.com/flex/3/html/help.html?content=textcontrols_04.html