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>