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>

评论

2 楼 zhong_pro 2011-11-30  

顶！
  flex4的背景图变得比flex3更为复杂了些。

1 楼 dgj198787dgj 2011-11-25  

mark！！