Flex4 - 简单的渲染器ItemRenderer例子(List使用)
作者:hangge | 2014-11-18 14:17
下面是给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>
效果图如下:

全部评论(0)