itemRenderer

【描述】一组数据需要呈现出某一特定的渲染效果，比如手机的展示

这时就需要用到itemRenderer

【用法介绍】

1. 首先用一个mxml文件编写渲染的效果，本例中是Thumb.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="120" height="120" horizontalAlign="center" verticalGap="0" verticalScrollPolicy="off" horizontalScrollPolicy="off"> <mx:CurrencyFormatter id="cf"/> <mx:Label text="{data.name}" fontWeight="bold"/> <mx:Image source="../images/{data.image}" width="40" height="80"/> <mx:Label text="{cf.format(data.price)}" styleName="price"/> </mx:VBox>

design视图是这样的

这里的{data.name}中的data是VBox的成员变量，它在什么时候被赋值呢？

2. 在需要用到渲染的地方指明用什么作为itemRenderer，在本例中用itemRenderer="Thumb"指明用Thumb.mxml作为渲染器

<mx:Panel title="Catalog" width="100%" height="100%"> <mx:TileList id="list" dataProvider="{products}" itemRenderer="Thumb" width="100%" height="100%"/> </mx:Panel>

可以看到这里的dataProvider吧，对了，就是这里声明了data是从{products}获得的