Horizo​​ntallist 可变宽度

Question

我想从 xml 文件中填充一个水平列表组件，宽度值将在 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>

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

你知道怎么做吗？

非常感谢。 Br

Answer 1

两种方法：

• 在creationComplete 上设置label.width = data.width
• 在画布中环绕标签

creationComplete方式（可能是因为一个itemRenderer应该是一个Container？）：

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

... 或包裹在 Canvas 中：

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

希望对您有所帮助， 兰斯