加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex 设置背景

发布时间:2020-12-15 04:08:25 所属栏目:百科 来源:网络整理
导读:? flex 设置背景图片 s:Group x="0" y="0" height="100%" width="100%" ?s:Rect x="0" y="0" height="100%" width="100%" ? s:fill ? ?s:BitmapFill source="@Embed('../pic/001.jpg')"/ ? /s:fill ?/s:Rect /s:Group 已经测试,group相当于canvas,而后里面

?

flex 设置背景图片

<s:Group x="0" y="0" height="100%" width="100%">
?<s:Rect x="0" y="0" height="100%" width="100%">
? <s:fill>
? ?<s:BitmapFill source="@Embed('../pic/001.jpg')"/>
? </s:fill>
?</s:Rect>
</s:Group>

已经测试,group相当于canvas,而后里面画一个矩形,在矩形里面用图片填充,也可以使用渐变色填充,如下:

<s:Rect alpha="0.5" x="0" y="0" width="100%" height="100%">
?<s:fill>
? <s:LinearGradient rotation="250">
? ?<s:GradientEntry color="0x222222" ratio="0"/>?
? ?<s:GradientEntry color="0xdddddd" ratio="1"/>?
? </s:LinearGradient>
?</s:fill>
</s:Rect>

?

Flex 4中组件背景设置(填充方式)group为例子

?

以下以Group为例子讲述如何在Flex 4中填充背景颜色、图片:?

1、图片填充方式:?
<s:Group x="0" y="0" height="100%" width="100%">?
<s:Rect x="0" y="0" height="100%" width="100%">?
<s:fill>?
<s:BitmapFill source="@Embed('../imges/myBg.jpg')"/>?
</s:fill>?
</s:Rect>?
</s:Group>?

2、渐变色填充方式:?

<s:Rect alpha="0.5" x="0" y="0" width="100%" height="100%">?
<s:fill>?
<s:LinearGradient rotation="250">?
<s:GradientEntry color="0x222222" ratio="0"/>?
<s:GradientEntry color="0xdddddd" ratio="1"/>?
</s:LinearGradient>?
</s:fill>?
</s:Rect>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读