Flex4使用背景图片

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

[b]放弃使用Canvas吧,使用替代容器BorderContainer。[/b]

可以使用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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值