首页 > 代码库 > Flex 4中组件背景设置(填充方式)group为例子

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>

3、采用BitmapImage控件的自动填充模式

<s:Group x="124" y="193" width="308" height="199" id="groupWater">
        <s:BitmapImage source="@Embed(‘../../Images/Water.jpg‘)" fillMode="repeat"  height="100%" width="100%"/>

</s:Group>

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