读书人

Flex4应用背景图片

发布时间: 2012-10-07 17:28:51 作者: rapoo

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>
1 楼 dgj198787dgj 2011-11-25 mark!! 2 楼 zhong_pro 2011-11-30 顶!
flex4的背景图变得比flex3更为复杂了些。

读书人网 >flex

热点推荐