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
• 将标签包裹在 Canvas 中

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>

。 ..或包裹在画布中：

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

希望有帮助，
槊