Flex简单组件集合

    刚刚学习Flex时，自己搞的。。。。。。

   

<?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" 
			   creationComplete="application_creationCompleteHandler(event)"
			   minWidth="955" minHeight="600">
	<s:layout>
		<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
	</s:layout>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
		<fx:XML id="xmldata" source="resource/data.xml" format="e4x" />
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.collections.IList;
			import mx.controls.Alert;
			import mx.events.CloseEvent;
			import mx.events.FlexEvent;
			[Bindable]
			private var netwrokCollection:ArrayCollection = new ArrayCollection([{label:'请选择...'}, {label:'CMNET'}, {label:'DCN'}, {label:'IP承载网'}, {label:'网管网'}]);
			[Bindable]
			private var dataGridCollection:ArrayCollection = new ArrayCollection([{id:'0', label:'请选择...', sum:'100'}, {id:'1', label:'CMNET', sum:'200'}, {id:'2', label:'DCN', sum:'300'}, {id:'3', label:'IP承载网', sum:'400'}, {id:'4', label:'网管网', sum:'500'}]);
			[Bindable]
			private var treeCollection:ArrayCollection = new ArrayCollection();
			[Bindable]
			private var tXML:XML;
			
			protected function application_creationCompleteHandler(event:FlexEvent):void {
				trace("application1_creationCompleteHandler");
				tXML = xmldata;
				var classXMLList:XMLList = tXML.child("class");
				for each (var classXML:XML in classXMLList) {
					var studentXMLList:XMLList = classXML.child("student");
					for each (var studentXML:XML in studentXMLList) {
						var o:Object = new Object();
						o.id = studentXML.@id;
						o.text = studentXML.@text;
						o.score = studentXML.@score;
						o.classes = studentXML.@classes;
						treeCollection.addItem(o);
					}
				}
			}
			
			private function alert_clickHandler(event:MouseEvent):void {
				Alert.show("提示对话框", "提示信息");
			}

			private function confirm_clickHandler(event:MouseEvent):void {
				Alert.show("您确定此操作吗？", "提示信息", Alert.YES|Alert.NO, this,confirm_closeHandler);
			}
			
			private function confirm_closeHandler(event:CloseEvent):void {
				Alert.show(event.detail.toString());
			}
			
			private function cancel_clickHandler(event:MouseEvent):void {
				Alert.yesLabel = "是";
				Alert.noLabel = "否";
				Alert.cancelLabel = "取消";
				Alert.show("您确定此操作吗？", "提示信息", Alert.YES|Alert.NO|Alert.CANCEL, this, cancel_closeHandler);
			}
			
			private function cancel_closeHandler(event:CloseEvent):void {
				Alert.show(event.detail.toString());
			}
			
			private function def():void {
			}
		]]>
	</fx:Script>

	<mx:ViewStack id="viewstack" width="773" height="284">
		<s:NavigatorContent label="View 1" width="100%" height="100%" doubleClick="viewstack.selectedIndex=1" doubleClickEnabled="true">
			<mx:TabNavigator width="715" height="292" >
				<s:NavigatorContent label="Tab 1" width="100%" height="100%" >
					<s:HGroup height="249">
						<s:VGroup height="247">
							<s:HGroup paddingLeft="30" paddingBottom="20">
								<s:Label text="s:Label"/>
								<s:TextInput click="def()" id="abc" text="s:TextInput"/>
							</s:HGroup>
							<s:HGroup paddingLeft="30" paddingBottom="20" height="23" width="217">
								<s:TextInput editable="false" displayAsPassword="true" text="s:TextInput"/>
							</s:HGroup>
							<s:HGroup paddingLeft="30" paddingBottom="20" height="23" width="217">
								<s:Label text="" id="colorL" width="150"/>
								<mx:ColorPicker id="color" change="{colorL.text = color.selectedColor.toString()}"/>
							</s:HGroup>
							<s:HGroup paddingLeft="30" paddingBottom="20" height="23" width="217">
								<mx:DateField width="177" formatString="YYYY-MM-DD"/>
							</s:HGroup>
							<s:HGroup paddingLeft="30">
								<s:TextArea width="101" height="128" text="s:TextArea"/>
								<mx:Text width="101" height="128" text="fdafdafdasfd" color="0x000000" />
							</s:HGroup>
						</s:VGroup>
						<mx:Image width="128" height="128" source="resource/png-0053.png"/>
						<mx:Tree id="tree" width="200" height="200" dataProvider="{tXML}" labelField="@text" />
					</s:HGroup>
				</s:NavigatorContent>
				<s:NavigatorContent label="Tab 1" width="100%" height="100%">
					<mx:HBox>
						<mx:VBox paddingLeft="30" paddingBottom="20">
							<s:Button label="Alert" id="alert" click="alert_clickHandler(event)"/>
							<s:Button label="Yes|No" id="confirm" click="confirm_clickHandler(event)"/>
							<s:Button label="Yes|No|Cancel" id="cancel" click="cancel_clickHandler(event)"/>
							<mx:LinkButton label="HandcCursor" />
							<mx:HBox>
								<s:CheckBox label="篮球"/>
								<s:CheckBox label="足球"/>
								<s:CheckBox label="网球"/>
							</mx:HBox>
							<mx:HBox>
								<s:RadioButton label="男"/>
								<s:RadioButton label="女"/>
							</mx:HBox>
							<s:ComboBox id="network" dataProvider="{netwrokCollection}" selectedIndex="0"/>
						</mx:VBox>
						<s:List dataProvider="{netwrokCollection}"/>
						<mx:DataGrid dataProvider="{dataGridCollection}">
							<mx:columns>
								<mx:DataGridColumn headerText="所属网络" dataField="label"/>
								<mx:DataGridColumn headerText="网元个数" dataField="sum"/>
							</mx:columns>
						</mx:DataGrid>
						<mx:VBox>
							<mx:Repeater id="rp" dataProvider="{netwrokCollection}">
								<mx:LinkButton width="120" label="{rp.currentItem.label}"/>
							</mx:Repeater>
						</mx:VBox>
					</mx:HBox>
				</s:NavigatorContent>
			</mx:TabNavigator>
		</s:NavigatorContent>
		<s:NavigatorContent label="View 1" width="100%" height="100%">
			<mx:Image width="720" height="496" source="resource/jpg-0001.jpg" doubleClick="viewstack.selectedIndex=0" doubleClickEnabled="true"/>
		</s:NavigatorContent>
	</mx:ViewStack>
	
</s:Application>