火花列表项呈现器

如何在带有itemrender的spark列表中换行?此邮件位于 http://blog.flexexamples.com/2009/10/27/setting-word-wrapping-on-a-spark-list-control-in-flex-4/ 工作100%,但当我试图设置一个单独的项目渲染器,我不能得到单词包装…相反,我得到一个丑陋的水平滚动条。这是我的mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" width="100%"     
height="100%" 
           xmlns:mx="library://ns.adobe.com/flex/mx">

<s:List id="lst"
        useVirtualLayout="false"
        width="200"
        horizontalCenter="0" verticalCenter="0"
        itemRenderer="testRenderer"
        >

    <s:dataProvider>
        <s:ArrayList>
            <fx:Object />
        </s:ArrayList>
    </s:dataProvider>
</s:List>

</s:Application>

这是我的测试渲染器--------->

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer name="testRenderer"
            xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx"
            autoDrawBackground="true"
            creationComplete="makeLabel(event);">
<s:states>
    <s:State name="normal" />
    <s:State name="hovered" />
    <s:State name="selected" />
</s:states>

<s:layout>
    <s:VerticalLayout gap="0" horizontalAlign="justify" />
</s:layout>


<fx:Script>
    <![CDATA[

        protected function makeLabel(evt:Event):void {

        test.text = "this is just a really long line of text that I want to wrap and just look normal";

        }
    ]]>
</fx:Script>
<s:HGroup>  

    <s:Label id="test" color="black" />
</s:HGroup> 

</s:ItemRenderer>