flex 界面体验

最近闲的很，没事就整界面玩玩，

?

代码也贴上来，自己备个份：

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
?xmlns:ags="com.esri.ags.*"
??? xmlns:esri="http://www.esri.com/2008/ags"
??? paddingLeft="10" paddingRight="10" paddingBottom="10"
??? backgroundColor="#E8F3F6"
??? creationComplete="configLoad()"
??? layout="absolute"
??? >

?<mx:Script>
??<![CDATA[
??? import mx.controls.Alert;
???
??? import mx.rpc.http.HTTPService;
??? import mx.rpc.events.ResultEvent;
??? import mx.rpc.events.FaultEvent;
???
??? //菜单图片
??? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_globe.png")]
?????? ?? public var baseMapIcon:Class;??
?????? ??
?????? ?? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_highway.png")]
?????? ?? public var baseXNMapIcon:Class;??
?????? ??
?????? ??

??? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_nav.png")]
?????? ?? public var vavIcon:Class;
?????? ??
?????? ?? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_widget.png")]
?????? ?? public var toolIcon:Class;??
?????? ??
?????? ?? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_layers_ESRI.png")]
?????? ?? public var workIcon:Class;??
??
??? [Bindable]
???????????? [Embed(source="com/resoure/icons/i_tools_ESRI.png")]
?????? ?? public var analyseIcon:Class;??
????
????
??? //读取配置文件
??? private function configLoad():void
??? {
?????var configService:HTTPService = new HTTPService();
?????configService.url = "config.xml";
?????configService.resultFormat = "e4x";
?????configService.addEventListener(ResultEvent.RESULT,configResult);
?????configService.addEventListener(FaultEvent.FAULT,configFault);?
?????configService.send();
??? }
???
???
??? //config fault
??? private function configFault(event:mx.rpc.events.FaultEvent):void
??? {
????var sInfo:String = "Error: ";
????sInfo += "Event Target: " + event.target + "/n/n";
????sInfo += "Event Type: " + event.type + "/n/n";
????sInfo += "Fault Code: " + event.fault.faultCode + "/n/n";
????sInfo += "Fault Info: " + event.fault.faultString;
????Alert.show(sInfo);
??? }
??
??????
???//config RESULT
???private function configResult(event:ResultEvent):void
????? {
????? try
????? {?
?????//parse config.xml to create config data object
?????var configXML:XML = event.result as XML;
?????trace(configXML);
?????var i:int;
?????var j:int;
???
???
????? }catch(error:Error){
??????
????? }
????? }
??
??]]>
?</mx:Script>

?

??? <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
??????? <mx:Image source="@Embed('com/resoure/images/hui.png')"/>
??<mx:Label text="消防应急地理信息系统" fontSize="20" fontWeight="bold" color="red"/>
??
??????
??????? <mx:MenuBar id="myMenuBar" labelField="@label" iconField="@icon" fontSize="12">
??????????? <mx:XMLList>
??????????????? <menuitem label="基本地图" fontSize="20" icon="baseMapIcon" >
??????????????????? <menuitem label="咸宁地图" type="radio" icon="baseXNMapIcon" />
??????????????????? <menuitem label="咸宁影像" type="radio" icon="baseXNMapIcon" />
?????<menuitem label="咸宁三维" type="radio" icon="baseXNMapIcon" />

??????????????? </menuitem>
??????????????? <menuitem label="浏?? 览?? " fontSize="20" icon="vavIcon" >
??????????????????? <menuitem label="SubMenuItem A-1" type="radio" icon="iconEdit" />
??????????????????? <menuitem label="SubMenuItem A-2" type="radio" icon="iconEdit" />
?????? </menuitem>
????????????????
??????????????? <menuitem label="工?? 具?? " fontSize="20" icon="toolIcon" >
??????????????????? <menuitem label="SubMenuItem A-1" type="radio" icon="iconEdit" />
??????????????????? <menuitem label="SubMenuItem A-2" type="radio" icon="iconEdit" />
?????? </menuitem>
??????
?????? <menuitem label="业务数据" fontSize="20" icon="workIcon" >
??????????????????? <menuitem label="SubMenuItem A-1" type="radio" icon="iconEdit" />
??????????????????? <menuitem label="SubMenuItem A-2" type="radio" icon="iconEdit" />
?????? </menuitem>
??????
?????? <menuitem label="高级分析" fontSize="20" icon="analyseIcon" >
??????????????????? <menuitem label="SubMenuItem A-1" type="radio" icon="iconEdit" />
??????????????????? <menuitem label="SubMenuItem A-2" type="radio" icon="iconEdit" />
?????? </menuitem>
???????????????
???????????????
??????????? </mx:XMLList>
??????? </mx:MenuBar>
??? </mx:ApplicationControlBar>
?
??? <ags:Map id="map" x="0" y="0" width="100%" height="100%"? left="0" top="0" backgroundColor="#FFFAF0">
??? <esri:ArcGISDynamicMapServiceLayer
??????????????? id="myDynamicService"
??????????????? url="http://localhost:8399/arcgis/rest/services/cl/MapServer"
??????????????? load="myDynamicService.defaultVisibleLayers()"
???????????????
???????????????? />
???????????????
???????????????
???????????????
????????

?

???
?</ags:Map>

?? ???? <mx:ApplicationControlBar? bottom="30" left="400" barColor="#24CFF3">??????? <mx:Label text="图层" color="blue"/>??????? <mx:Label text="关键字:" />??????? <mx:TextInput width="100%" maxWidth="200" />??????? <mx:Spacer width="100%" />??????? <mx:Button label="搜索" />??? </mx:ApplicationControlBar>???</mx:Application>