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

By: Peter deHaan

Peter deHaan — Sat, 08 May 2010 17:08:07 +0000

@Jason,

Thanks. Example above updated to the release Flex 4.0 SDK.

Peter

By: Jason

Jason — Wed, 10 Mar 2010 04:50:32 +0000

Since Flex4 beta2 fillMode has disappeared and is replaced with resizeMode

Note: repeat (boolean) is supported although deprecated.

By: Peter deHaan

Peter deHaan — Wed, 06 Jan 2010 18:35:07 +0000

@Shawn/Jim,

Looks like a few things have changed since I originally posted this.
The short answer is that you’ll now need to set the BitmapFill object’s fillMode property to “repeat” (as it seems to default to “scale”):

 source="@Embed('pattern_147.gif')" fillMode="repeat" />

I’ll update the big example above, as the Spark Application skin has changed significantly to add support for control bars, etc.

Peter

By: Jim

Jim — Wed, 06 Jan 2010 17:44:29 +0000

Trying to use this example. When I do, the image (pattern_147.gif) is not repeating but being stretched across the background.

By: Shawn

Shawn — Sat, 02 Jan 2010 14:06:30 +0000

My html repeating background of the same image works fine, but when I
tried the repeating background with your Flex 4 code I copied and pasted your
App and skin pages and replaced the source image, but its stretching the
image horizontally across the page instead of repeating it. Does this method
require that the image is a square ? My image is 10 x 684 and I want it to repeat
horizontally