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>