Flex 4中如何在Border容器内动态载入背景图片的例子

By Minidxer | November 18, 2009

接下来的例子演示了Flex 4中如何通过backgroundImage样式和SWFLoader的content属性，在Border容器内动态载入背景图片。

下面是main.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:Application name="Spark_Border_backgroundImage_dynamic_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">
<s:controlBarContent>
<s:Button label="ColdFusion" click="swfLdr.load('cf_appicon-tn.gif');" />
<s:Button label="Flash Player" click="swfLdr.load('fl_player_appicon-tn.gif');" />
<s:Button label="Flex" click="swfLdr.load('fx_appicon-tn.gif');" />
<s:Button label="Adobe" click="swfLdr.load('http://helpexamples.com/flash/images/logo.png');" />
</s:controlBarContent>
<fx:Script>
<![CDATA[
protected function swfLdr_completeHandler(evt:Event):void {
brdr.setStyle("backgroundImage", swfLdr.content);
}
]]>
</fx:Script>
<fx:Declarations>
<mx:SWFLoader id="swfLdr" complete="swfLdr_completeHandler(event);" />
</fx:Declarations>
<s:Border id="brdr"
backgroundImageFillMode="repeat"
borderColor="haloOrange"
borderWeight="10"
width="320" height="240"
horizontalCenter="0" verticalCenter="0">
<s:Label id="sdkVer"
color="haloOrange"
fontSize="48"
fontWeight="bold"
left="20" top="20"
creationComplete="sdkVer.text = mx_internal::VERSION;" />
</s:Border>
</s:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, Other | No Comments » | Tags: backgroundImage, backgroundImageFillMode, Gumbo

中文Flex例子