火花列表项目渲染器

如何在带有itemrenderer的火花列表中进行wordwrap？这个帖子在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>

这里是我的testRenderer ------------>

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

来源

2010-11-29 Marissa Levy

试着给你的标签（ID = “测试”）的宽度

来源

2010-11-29 04:36:53 user273895

火花列表项目渲染器

回答

相关问题