flex 设置背景

 

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>