flex_基于MX List列表组件示例;

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="955" minHeight="600" pageTitle="基于MX List列表组件示例">
    
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            
            [Bindable]
            public var arrayCollectionAS:ArrayCollection = new ArrayCollection([
                {name: "吴邪"},
                {name: "张起灵"},
                {name: "胖子"},
                {name: "吴三省"},
                {name: "吴老二"}
            ]);
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
        
        <!--user mxml tag to create arrayCollection-->
        <s:ArrayCollection id="myAC">
            <fx:Object label="韩立"/>
            <fx:Object label="徐泽"/>
        </s:ArrayCollection>
        
        <!--use for tree component-->
        <s:XMLListCollection id="myXmlListCollection">
            <fx:XMLList id="myxml">
                <friends label="朋友">
                    <friend label="唐龙"/>
                    <friend label="楚源"/>
                </friends>
                
                <families label="家庭">
                    <family label="遗忘一族"/>
                    <family label="魔鬼世家"/>
                </families>
            </fx:XMLList>
        </s:XMLListCollection>
    </fx:Declarations>
    
    <s:Panel title="基于list组件示例" width="720" height="450" verticalCenter="0" horizontalCenter="0">
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
        
        <s:HGroup paddingLeft="10" paddingTop="10">
            <!--view_list-hardcode-->
            <mx:List id="myfriends" height="100%">
                <fx:String>唐龙</fx:String>
                <fx:String>楚源</fx:String>
            </mx:List>
            
            <!--view_list-user ArrayCollection tag-->
            <mx:List id="characters" height="100%" dataProvider="{myAC}"/>
            
            <!--view_list-user ArrayCollection class-->
            <mx:List id="notes" height="100%" dataProvider="{arrayCollectionAS}" labelField="name"/>
            
            <!--view_HorizontalList-->
            <mx:HorizontalList id="hlist" dataProvider="{arrayCollectionAS}" labelField="name" columnWidth="50    "/>
            
            <!--view_TileList-->
            <mx:TileList id="mytilelist" dataProvider="{arrayCollectionAS}" labelField="name" columnWidth="60" height="100%"/>
        </s:HGroup>
            
        <s:HGroup paddingLeft="10" paddingTop="10">
            <mx:Tree dataProvider="{myXmlListCollection}" labelField="@label" width="150" height="100%"/>
        </s:HGroup>
    </s:Panel>
</s:Application>