Comments on: Setting a background image on a Spark Application in Flex 4

By: Chiheb Ben jemia

Chiheb Ben jemia — Mon, 17 Oct 2011 13:59:11 +0000

hi Robert !
did you find a solution to put a bakcground image dynamically ?

is it with [bindable] !?

By: Robert

Robert — Wed, 03 Aug 2011 22:26:38 +0000

All examples show embedding an image. How do I pull one dynamically from the web via URL?

By: digsafe

digsafe — Tue, 03 May 2011 18:43:38 +0000

I got this to work (thanks a million for all of these posts bte) but Flex give a warning;
“This compilation unit did not have a factoryClass specified in Frame metadata to load the configured runtime shared libraries. To compile without runtime shared libraries either set the -static-link-runtime-shared-libraries option to true or remove the -runtime-shared-libraries option.”
How do you set the option to true?

By: Larry

Larry — Sat, 05 Mar 2011 05:26:10 +0000

I think you can use a BorderContainer as root container, and put anything else inside it.thus you can use BorderContainer’s backgroundimage property.
see: http://www.roseindia.net/tutorial/flex/flex4/components/borderContainerbgimage.html

By: vinoth

vinoth — Tue, 15 Feb 2011 12:28:28 +0000

I dont know who proposed such idea. Do you think its makes fun making it so complicated.

By: Peter deHaan

Peter deHaan — Tue, 25 Jan 2011 04:56:49 +0000

@andy,

Sorry, I’ve never used Flex mobile. You may need to ask on the forums.

Peter

By: andy

andy — Tue, 25 Jan 2011 04:15:12 +0000

Peter…

I can get the bg image to display, but once I do, my content vanishes. I even have the contentGroup s:Group container in there. I’m trying this code with a Flex Mobile Project if that matters.

By: Cristian

Cristian — Sat, 04 Dec 2010 18:24:54 +0000

Thanks

work’s fine.

By: Greg

Greg — Thu, 02 Dec 2010 18:57:18 +0000

Hey Peter, that worked perfectly. Thank you so much.

By: Peter deHaan

Peter deHaan — Tue, 30 Nov 2010 19:54:22 +0000

@Greg,

There are a few examples above, but this should also work:

"1.0" encoding="utf-8"?>
 xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               skinClass="skins.CustomApplicationSkin">
    >
         id="sdkVer" initialize="sdkVer.label = mx_internal::VERSION;" click="System.setClipboard(sdkVer.label);" />
    >
 
     id="ddl"
                    labelField="fontName"
                    requireSelection="true"
                    horizontalCenter="0" y="20">
        >
             source="{Font.enumerateFonts(true).sortOn('fontName')}" />
        >
    >
 
>

And the custom Spark Application container skin, skins/CustomApplicationSkin.mxml, is as follows:

"1.0" encoding="utf-8"?>
 xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:spark="spark.skins.spark.*">
 
    >
        [CDATA[
            import mx.graphics.BitmapFill;
            import mx.graphics.BitmapFillMode;
 
            [Embed("skins/pattern_149.gif")]
            protected const BG_FILL:Class;
 
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
                var bmpFill:BitmapFill = new BitmapFill();
                bmpFill.source = BG_FILL;
                bmpFill.fillMode = BitmapFillMode.REPEAT;
                backgroundRect.fill = bmpFill;
                super.updateDisplayList(unscaledWidth, unscaledHeight);
            }
        ]]>
    >
 
>

Peter