Flex4 - 简单的渲染器ItemRenderer例子(List使用)
下面是给List组件使用自定义的渲染器ItemRenderer:

<s:List x="20" y="20"> <s:ArrayCollection> <fx:Object title="选项1" des="这个是选项的描述文字,这个是选项的描述文字!"/> <fx:Object title="选项2" des="这个是选项的描述文字,这个是选项的描述文字!"/> <fx:Object title="选项3" des="这个是选项的描述文字,这个是选项的描述文字!"/> <fx:Object title="选项4" des="这个是选项的描述文字,这个是选项的描述文字!"/> <fx:Object title="选项5" des="这个是选项的描述文字,这个是选项的描述文字!"/> </s:ArrayCollection> <s:itemRenderer> <fx:Component> <s:ItemRenderer> <s:states> <s:State name="normal"/> <s:State name="hovered"/> <s:State name="selected"/> </s:states> <s:layout> <s:VerticalLayout paddingTop="5" paddingBottom="5" paddingLeft="5"/> </s:layout> <s:Rect left="0" right="0" top="0" bottom="0"> <s:fill> <s:SolidColor color="0x999999" alpha="0" alpha.hovered="0.2" alpha.selected="0.4"/> </s:fill> </s:Rect> <s:Label text="{data.title}"/> <s:Label text="{data.des}" includeIn="selected"/> </s:ItemRenderer> </fx:Component> </s:itemRenderer> </s:List>效果图如下:
