SkinnableDataContainer in Flex4

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

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.

Example:

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

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

xmlns:mx="library://ns.adobe.com/flex/mx"

xmlns:s="library://ns.adobe.com/flex/spark">

<s:Panel title="SkinnableDataContainer Example">

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

<s:layout>

<s:HorizontalLayout gap="10"/>

</s:layout>

<mx:ArrayList>

<fx:String>Rose</fx:String>

<fx:String>India</fx:String>

<fx:String>Technologies</fx:String>

<fx:String>Pvt</fx:String>

<fx:String>Ltd</fx:String>

</mx:ArrayList>

</s:SkinnableDataContainer>

</s:Panel>

</s:Application>

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.

Output:-

Running Application:

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

Download this code

Ads