Horizo​​ntallist可变宽度

Question

我想从xml文件填充horizo​​ntalList组件，宽度值将在xml文件中以及所有数据。

其实我有这样的代码：

<mx:Model id="epg" source="epg.xml" /> 

<mx:Component id="customRend"> 
    <mx:Label text="{data.description}" width="{data.width}"/> 
</mx:Component> 

<mx:HBox x="82" y="104" width="1203" height="113" verticalAlign="middle"> 
    <mx:HorizontalList width="100%" dataProvider="{epg.channel.program}" 
     itemRenderer="{customRend}" horizontalScrollPolicy="off"> 
    </mx:HorizontalList> 
</mx:HBox> 

但它设置相同的宽度为列表中的所有元素。

你知道如何做到这一点吗？

非常感谢。 溴

Answer 1

两种方法可以做到这一点：

• 在画布

上creationComplete

包装标签设置label.width = data.width的creationComplete方式（可能是因为itemRenderer的应该是一个容器？）：

<mx:HorizontalList width="100%" dataProvider="{epg.channel.program}" horizontalScrollPolicy="off"> 
    <mx:itemRenderer> 
     <mx:Component id="customRend"> 
      <mx:Label text="{data.description}" creationComplete="this.width = data.width"/> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:HorizontalList> 

...或w敲击在画布：

<mx:HorizontalList width="100%" dataProvider="{epg.channel.program}" horizontalScrollPolicy="off"> 
    <mx:itemRenderer> 
     <mx:Component id="customRend"> 
      <mx:Canvas horizontalScrollPolicy="off"> 
       <mx:Label text="{data.description}" width="{data.width}"/> 
      </mx:Canvas> 
     </mx:Component> 
    </mx:itemRenderer> 
</mx:HorizontalList> 

希望帮助， 兰斯