Create a Custom 3D Layout : DataGroup « Data Model « Flex






Create a Custom 3D Layout

Create a Custom 3D Layout
           
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:s="library://ns.adobe.com/flex/spark">
    <mx:String id="txt">This is a test.</mx:String>
    <mx:HSlider id="slider" minimum="0" maximum="{group.contentHeight - group.height}" liveDragging="true"/>
    
    <s:DataGroup id="group" width="100" height="100"
                 clipAndEnableScrolling="true"
                 itemRenderer="spark.skins.spark.DefaultItemRenderer">
        <s:layout>
            <s:VerticalLayout id="vLayout" verticalScrollPosition="{slider.value*10}" />
        </s:layout>
        
        <s:dataProvider>
            <mx:ArrayCollection source="{txt.split(' ')}" />
        </s:dataProvider>
        
    </s:DataGroup>
    
</mx:Application>

   
    
    
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Associating a DataGroup container's dataProvider with an array of strings.
2.Use the DefaultItemRenderer with a DataGroup containerUse the DefaultItemRenderer with a DataGroup container
3.shows a DataGroup container where all its children are Flex components.shows a DataGroup container where all its children are Flex components.
4.Item renderer for DataGroupItem renderer for DataGroup
5.DataGroup with Data providerDataGroup with Data provider
6.Control DataGroup widthControl DataGroup width
7.TitleLayout for DataGroupTitleLayout for DataGroup
8.DataGroup item added eventDataGroup item added event
9.DataGroup item removed eventDataGroup item removed event
10.Lazily Create and Recycle ChildrenLazily Create and Recycle Children
11.LayOut Children Using Rows and ColumnsLayOut Children Using Rows and Columns