Home Tutorial Flex Flex4 Components SkinnableDataContainer in Flex4

 
 

Share on Google+Share on Google+
SkinnableDataContainer in Flex4
Posted on: May 14, 2010 at 12:00 AM
Advertisement
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
Advertisement

Related Tags for SkinnableDataContainer in Flex4:


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.

Posted on: May 14, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com