Flex4使用背景图片

flex3的时候,Container是有backgroundImage样式的,直接设置即可。
但在flex4,你发现会告诉你这个样式只在halo主题下才能用,如果不是halo主题,会报错。

放弃使用Canvas吧,使用替代容器BorderContainer。

可以使用backgroundImage指定图片,同时backgroundImageFillMode指定图片的填充方式,其默认值为scale,可用值包括clip(不改变图片)repeat(重复)scale(拉伸)。这个使用比较简单,就不举例了。

另外,可以使用backgroundFill来指定背景,可以使用实现IFill接口的类作为参数,常见IFill的实现类有BitmapFill(图片), LinearGradient(线性渐变), RadialGradient(发射形渐变), SolidColor(单颜色)。下面示例是图片作为背景,其中fillMode与backgroundImageFillMode是一样的。


	<s:BorderContainer width="400" height="300">
		<s:backgroundFill>
			<s:BitmapFill source="@Embed('/test.png')" fillMode="repeat"/>
		</s:backgroundFill>
	</s:BorderContainer>

你可能感兴趣的:(Flex,背景图片)