Share on Google+Share on Google+

SkinnableDataContainer in Flex4

SkinnableDataContainer Container is a Flex4 container hold and lays out data items and supports virtualization.

SkinnableDataContainer in Flex4:

SkinnableDataConatiner Container is a Flex4 container hold and lays out data items and supports virtualization.  SkinnableDataContainer Container contains only these component which implement  IVisualElement interface and subclasses of DisplayObject. If user want to display data item as children  in the application then use it. It is used item renderer to converts  the data item into a format that can be displayed by the container. SkinnableDataContainer can be skinned if user want. The default layout of this container is BasicLayout. If user want to used this container in the application then use <s:SkinnableDataContainer> tag. In this example user can see how to use SkinnableDataContainer in the Flex4 application.


<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx=""



<s:Panel title="SkinnableDataContainer Example">

<s:SkinnableDataContainer itemRenderer="spark.skins.spark.DefaultItemRenderer" top="10">


<s:HorizontalLayout gap="10"/>












In this example we have use <s:SkinnableDataContainer> tag to use skinnable data container and set horizontal layout for data items and set gap for providing gap between data items and create array list for provide data items.


Running Application:

To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed.

Download this code


Posted on: May 14, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.