<?xml version="1.0" encoding="utf-8"?> <!-- //////////////////////////////////////////////////////////////////////////////// // // Copyright (c) 2010 ESRI // // All rights reserved under the copyright laws of the United States. // You may freely redistribute and use this software, with or // without modification, provided you include the original copyright // and use restrictions. See use restrictions in the file: // <install location>/License.txt // //////////////////////////////////////////////////////////////////////////////// --> <mx:Canvas xmlns:mx ="http://www.adobe.com/2006/mxml" xmlns:flash ="flash.filters.*" xmlns:classic ="widgets.ClassicController.*" rollOver ="openMenu()" rollOut ="closeMenu()" xmlns:s="library://ns.adobe.com/flex/spark"> <!-- /** * The ControllerMenu represents the drop down menu on the controler bar. * Each ControllerMenu will have menu items of ControllerMenuItem on it. */ --> <mx:Script> <![CDATA[ import com.esri.viewer.AppEvent; import com.esri.viewer.ViewerContainer; import mx.collections.ArrayCollection; import spark.components.supportClasses.ItemRenderer; /** * menuImage is the url to the image used for the menu. */ [Bindable] public var menuImage:String; /** * menuLabel is the label displayed for the menu. */ [Bindable] public var menuLabel:String; /** * menuCollection is the array collection of controller menu items to be listed in the menu. */ [Bindable] public var controllerMenuItemAC:ArrayCollection; private var menuTimer:uint; private static var STATE_MAXIMIZED:String = "maximized"; //open menu private function openMenu():void { menuTimer = setTimeout(showMenu, 200); } //close menu private function closeMenu():void { clearTimeout(menuTimer); currentState = ""; } //show menu private function showMenu():void { currentState = ControllerMenu.STATE_MAXIMIZED; } protected function controllerMenuItemDG_controllerMenuItemClickHandler(event:Event):void { var controllerMenuItem:ControllerMenuItem = ItemRenderer(event.target).data as ControllerMenuItem switch (controllerMenuItem.itemAction) { case "widget": ViewerContainer.dispatchEvent(new AppEvent(AppEvent.WIDGET_RUN, controllerMenuItem.itemId)); break; case "navtool": var data:Object = { tool: controllerMenuItem.itemValue, status: controllerMenuItem.itemLabel } ViewerContainer.dispatchEvent(new AppEvent(AppEvent.SET_MAP_NAVIGATION, data)); break; case "basemap": ViewerContainer.dispatchEvent(new AppEvent(AppEvent.BASEMAP_SWITCH, controllerMenuItem.itemValue)); break; case "link": navigateToURL(new URLRequest(controllerMenuItem.itemValue)); break; case "function": break; } } ]]> </mx:Script> <mx:states> <mx:State name="maximized"> <mx:SetProperty target="{menuBox}" name="height"/> <mx:SetProperty target="{menuBox}" name="width"/> </mx:State> </mx:states> <mx:transitions> <mx:Transition fromState="" toState="*"> <mx:Resize duration="400" target="{menuBox}" /> </mx:Transition> <mx:Transition fromState="*" toState=""> <mx:Resize duration="200" target="{menuBox}" /> </mx:Transition> </mx:transitions> <mx:VBox id="mainBox" horizontalAlign="center" horizontalScrollPolicy="off" verticalGap="0" verticalScrollPolicy="off" > <mx:Image id="menuIcon" buttonMode="true" source="{menuImage}" useHandCursor="true"> <mx:filters> <flash:GlowFilter color="#000000" alpha="0.5" blurX="10" blurY="10"/> </mx:filters> </mx:Image> <mx:VBox id="menuBox" height="0" horizontalAlign="center" horizontalScrollPolicy="off" verticalGap="0" verticalScrollPolicy="off" width="100"> <mx:VBox backgroundColor="#FFFFFF" backgroundAlpha="0.0" horizontalAlign="center" rollOver="currentState='maximized'" verticalGap="0" minWidth="150"> <!-- TODO: set menuLabel variable <mx:Label styleName="ControllerTitle" text="{menuLabel}" color="#FF0000" fontSize="20"> <mx:filters> <flash:GlowFilter color="#000000" alpha="0.8" blurX="10" blurY="10"/> </mx:filters> </mx:Label> --> <mx:VRule styleName="ControllerRule" height="15"/> </mx:VBox> <mx:Canvas styleName="ControllerCanvas" minWidth="140"> <mx:VBox width="100%" verticalGap="0" click="{currentState=''}"> <classic:ControllerMenuItemDataGroup id="controllerMenuItemDG" dataProvider="{controllerMenuItemAC}" controllerMenuItemClick="controllerMenuItemDG_controllerMenuItemClickHandler(event)"> <classic:layout> <s:VerticalLayout gap="0" useVirtualLayout="true" verticalAlign="middle"/> </classic:layout> </classic:ControllerMenuItemDataGroup> </mx:VBox> </mx:Canvas> </mx:VBox> </mx:VBox> <mx:Canvas width="{mainBox.width}" height="{mainBox.height}" /> </mx:Canvas>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
