当前位置: > > > Flex4 - 简单的渲染器ItemRenderer例子(List使用)

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>
效果图如下:

评论0