R – Avoid image to get streteched when used as background image, in flex

actionscript-3apache-flex

I am developing a website in flex.
And in that, i am trying to set the background image of my application.
like this:
parentApplication.setStyle("backgroundImage", data.image_src);

From a different location.

My issue is that, the images that i have are small and hence they are being stretched when used as background images.
I want to avoid that from happening. How can i do it?

Please help me with the issue.

Regards
Zeeshan

Best Answer

Set the backgroundSize property to "auto" or to a fixed size.

The default for the Application container is 100%. The default value for all other containers is auto, which maintains the original size of the image.

If you want to tile instead, look at this post.

Related Solutions

Load images in the background using Flex

Put the files in a queue and load them one after each other. Flex (the framework) won't do this for you but you can relatively easily write your own in AS3.

Personally i use my own solution for this but there's a bunch of available existing solutions for this too; the most common probably being Bulk Loader.

Apache – FLEX: Repeating a background on component

This site recommends using Degrafa. Background Image Repeat

It seems that most solutions that do this manually involve overloading the updateDisplayList() with the following code: Taken from Source

override protected function updateDisplayList(w:Number,h:Number):void
{
    super.updateDisplayList( w, h );

    graphics.clear();               
    graphics.beginBitmapFill( backgroundBitmapData );          
    graphics.drawRect( 0, 0, w, h );  

    ...
}

Best Answer

Related Solutions

Load images in the background using Flex

Apache – FLEX: Repeating a background on component

Related Topic