flex 设置背景

来源:互联网 发布:bfgs算法matlab代码 编辑:程序博客网 时间:2024/05/22 03:42

 

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>