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>