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 » |
1,031 views
Tags: backgroundImage, backgroundImageFillMode, Gumbo