Comments on: Creating a bitmap background fill on a Spark List control in Flex 4

By: Peter deHaan

Peter deHaan — Tue, 02 Nov 2010 17:26:52 +0000

You can also create a custom bitmap fill item renderer in ActionScript, as seen in the following example:

package {
    import mx.graphics.BitmapFill;
    import mx.graphics.BitmapFillMode;
    import spark.components.ResizeMode;
    import spark.skins.spark.ListSkin;
 
    public class CustomListSkinAS extends ListSkin {
        protected var bmpFill:BitmapFill;
 
        [Embed("pattern_149.gif")]
        protected const img:Class;
 
        public function CustomListSkinAS() {
            super();
 
            bmpFill = new BitmapFill();
            bmpFill.alpha = 0.3;
            bmpFill.fillMode = BitmapFillMode.REPEAT;
            bmpFill.source = img;
            background.fill = bmpFill;
        }
    }
}

Peter

By: Peter deHaan

Peter deHaan — Sun, 27 Jun 2010 19:04:53 +0000

@Thilo,

Nope, just looks like the APIs changed between the time I originally wrote the example and when Flex 4.0 shipped.
I updated the code above so it should work in the final Flex 4.0.0.14159 SDK and the Flex 4.1.0.16076 SDK. I’ll work on updating the SWF/ZIP too at some point.

Peter

By: Thilo

Thilo — Sun, 27 Jun 2010 16:57:23 +0000

Hi Peter,

could you give me a hint on how the item renderer has access to the property selectionColor for example? I’m using the Flex 4.0 SDK 14159 and the compiler produces an error 1120: Access of undefined property selectionColor. I have the same issue with contentBackgroundColor and rollOverColor. In your online example it works perfectly and I have tried to rebuild that example without any changes but it won’t run. Do you think it is a problem with the SDK version? Even if it would run I’d wonder how the item renderer can be aware of these properties?!

Thanks and best regards!
Thilo