Flex 4中如何給Panel設定bitmap填充背景色的例子

接下來的例子示範了Flex 4中如何通過BitmapFill和LinearGradient，給Panel設定bitmap填充背景色。

下面是main.mxml：

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>