Flex 4中如何给Panel设置bitmap填充背景色的例子

接下来的例子演示了Flex 4中如何通过BitmapFill和LinearGradient，给Panel设置bitmap填充背景色。 main.mxml:<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Spark_Panel_fill_BitmapFill_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">

<mx:ApplicationControlBar width="100%" cornerRadius="0">
<mx:Form styleName="plain">
<mx:FormItem label="rotation:">
<s:HSlider id="rotationSlider"
minimum="-360"
maximum="360"
value="90"
liveDragging="true"
width="{pnl.width}" />
</mx:FormItem>
<mx:FormItem label="ratio:">
<s:HSlider id="ratioSlider"
minimum="0.0"
maximum="1.0"
value="0.2"
valueInterval="0.05"
liveDragging="true"
width="{pnl.width}" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>

<s:Panel id="pnl"
title="Spark Panel title"
width="320" height="240"
horizontalCenter="0" verticalCenter="0">
<s:Rect width="100%" height="100%">
<s:fill>
<s:BitmapFill source="@Embed('assets/pattern_140.gif')" />
</s:fill>
</s:Rect>
<s:Rect width="100%" height="100%">
<s:fill>
<s:LinearGradient rotation="{rotationSlider.value}">
<s:GradientEntry color="white"
alpha="0.0"
ratio="0.0" />
<s:GradientEntry color="#F0EBD2"
alpha="1.0"
ratio="{ratioSlider.value}" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:TextArea id="textArea"
verticalScrollPolicy="on"
left="20" right="20"
top="20" bottom="20">
<s:text>The quick brown fox jumps over the lazy dog.</s:text>
</s:TextArea>
</s:Panel>

</s:Application>[/code]