flex 地图缩放.doc

!CDATAimport .navigateToURL;Bindableprivate var _imageURL:String = images/earth-map_small.jpg; private var _contextMenu:ContextMenu;private var _contextMenuItems:Array = Zoom In Image, Zoom Out Image, Show All Image, Toggle Smooth Bitmap, View Source;public function handleCreationComplete():void / handle contenxt menu_contextMenu = new ContextMenu();_contextMenu.hideBuiltInItems(); for (var i:uint = 0; iApplication backgroundGradientColors: #000000, #222222;Panel borderColor: #333333; headerHeight: 0;borderThicknessLeft: 4;borderThicknessRight: 4;borderThicknessTop: 4;borderThicknessBottom: 4;color: #999999;Button color: #000000;cornerRadius: 7;.ZoomInButton disabledSkin: Embed(source=icons/demoIcons.swf,symbol=MinusButton_Disabled);downSkin: Embed(source=icons/demoIcons.swf,symbol=MinusButton_Down);overSkin: Embed(source=icons/demoIcons.swf,symbol=MinusButton_Over);upSkin: Embed(source=icons/demoIcons.swf,symbol=MinusButton_Up);.ZoomOutButton disabledSkin: Embed(source=icons/demoIcons.swf,symbol=PlusButton_Disabled);downSkin: Embed(source=icons/demoIcons.swf,symbol=PlusButton_Down);overSkin: Embed(source=icons/demoIcons.swf,symbol=PlusButton_Over);upSkin: Embed(source=icons/demoIcons.swf,symbol=PlusButton_Up);Label color: #808080;CheckBox color: #808080;VBox borderStyle: solid;horizontalAlign: center; cornerRadius: 10; backgroundAlpha: 0.5; backgroundColor: #000000;borderThickness: 0; package com.adobe.wheelerstreet.fig.panzoomimport com.adobe.wheelerstreet.fig.panzoom.modes.PanZoomCommandMode;import com.adobe.wheelerstreet.fig.panzoom.utils.ContentRectangle;import flash.display.Bitmap;import flash.display.BlendMode;import flash.display.Loader;import flash.events.Event;import flash.events.IOErrorEvent;import flash.events.ProgressEvent;import flash.geom.Matrix;import flash.geom.Point;import flash.geom.Rectangle;import .URLRequest;import mx.controls.Label;import mx.controls.SWFLoader;import mx.core.UIComponent;import mx.effects.AnimateProperty;import mx.events.FlexEvent;import mx.events.ResizeEvent;import mx.events.TweenEvent;public class ImageViewer extends UIComponentBindablepublic var loadingImage:Boolean = false;Bindablepublic var bitmapScaleFactorMin:Number = .125;Bindablepublic var bitmapScaleFactorMax:Number = 5;private var _panZoomCommandMode:PanZoomCommandMode;public var viewRect:Rectangle;private var _contentRectangle:ContentRectangle;private var _bitmap:Bitmap;private var _bitmapScaleFactor:Number;private var _smoothBitmap:Boolean = false;private var _imageURL:String;private var _loader:Loader;private var _percentLoadedLabel:Label;/ preloader assetsEmbed(source=icons/iconography.swf, symbol=ProgressThrobber) private var _progressThrobber:Class;private var _progressSWF:SWFLoader;/ public getters/setters/* * Setting the imageURL triggers the loading of the image and extraction * and assignment of its bitmapData. */ Bindablepublic function get imageURL():Stringreturn _imageURL;public function set imageURL(value:String):void/ setting imageURL triggers loading sequenceif (value = _imageURL)return;_loader = new Loader(); _loader.load(new URLRequest(value);loadingImage = true; formatUI(); _percentLoadedLabel.text = ; invalidateDisplayList(); / load events _loader.contentLoaderInfo.addEventListener(Event.COMPLETE, handleLoadComplete);_loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, handleLoadIOError);_loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, handleLoadProgress);/* Setting the ImageViewers bitmap triggers the activation of the PanZoomCommandMode.* * The PanZoomCommandMode acts as the invoker element in the Command Pattern.* Its constructor requires that you assoiciate it with a client and a reciever. * In this implementation the client is the ImageView (this) and the * reciever is the bitmapData transform matrix. */public function get bitmap():Bitmapreturn _bitmap;public function set bitmap(value:Bitmap):voidif (value = _bitmap)return;_bitmap = value;_contentRectangle = new ContentRectangle(0,0,_bitmap.width, _bitmap.height, viewRect);/_contentRectangle.viewAll(viewRect);_panZoomCommandMode = new PanZoomCommandMode(this, _contentRectangle)_panZoomCommandMode.activate();invalidateDisplayList();/* Tracks the scale of the bitmap being displayed.* Setting the bitmapScale factor invalidates the displayList since any* change will requite an update.*/ Bindablepublic function get bitmapScaleFactor():Numberreturn _bitmapScaleFactor;public function set bitmapScaleFactor(value:Number):voidif (value = bitmapScaleFactor )return;if (value bitmapScaleFactorMax)return;_bitmapScaleFactor = value;invalidateDisplayList();/* * setting smoothBitmap to true hurts performance slightly */ Bindablepublic function get smoothBitmap():Booleanreturn _smoothBitmap;public function set smoothBitmap(value:Boolean):voidif (value = _smoothBitmap)return;_smoothBitmap = value;invalidateDisplayList();/ public functions/* * The zoom function requires a direction to be assigned when the function * is triggerd. in zooms in and conversly out zooms out. */public function zoom(direction:String):voidvar _animateProperty:AnimateProperty = new AnimateProperty(this);_animatePperty = bitmapScaleFactor;_animateProperty.addEventListener(TweenEvent.TWEEN_UPDATE, handleTween);_animateProperty.addEventListener(TweenEvent.TWEEN_END, handleTween);switch (direction)case in:if (_bitmapScaleFactor * 2 bitmapScaleFactorMax)_animateProperty.toValue = bitmapScaleFactorMax; else_animateProperty.toValue = _bitmapScaleFactor * 2;break;case out:if (_bitmapScaleFactor / 2 bitmapScaleFactorMax)_animateProperty.toValue = bitmapScaleFactorMax; else_animateProperty.toValue = _bitmapScaleFactor / 2;break;_animateProperty.play();function handleTween(e:TweenEvent):voidswitch (e.type)case tweenUpdate:_contentRectangle.zoom = bitmapScaleFactor;break;case tweenEnd:_contentRectangle.zoom = bitmapScaleFactor;_animateProperty.removeEventListener(TweenEvent.TWEEN_END, handleTween);_animateProperty.removeEventListener(TweenEvent.TWEEN_UPDATE, handleTween);break; /* * The zoomByOrigin function zooms in on the users current mouse position. * This function requires a direction to be assigned when the function * is triggerd. in zooms in and conversly out zooms out. */ public function zoomByOrigin(direction:String):voidvar _animateProperty:AnimateProperty = new AnimateProperty(_contentRectangle);_animatePperty = zoomByOrigin;_animateProperty.addEventListener(TweenEvent.TWEEN_UPDATE, handleTween);_animateProperty.addEventListener(TweenEvent.TWEEN_END, handleTween);_contentRectangle.zoomOrigin = new Point( (-_contentRectangle.x + mouseX) * 1/_contentRectangle.scaleX, (-_contentRectangle.y + mouseY) * 1/_contentRectangle.scaleY );switch (direction)case in:if (_bitmapScaleFactor * 2 bitmapScaleFactorMax)_animateProperty.toValue = bitmapScaleFactorMax; else_animateProperty.toValue = _bitmapScaleFactor * 2;break;case out:if (_bitmapScaleFactor / 2 bitmapScaleFactorMax)_animateProperty.toValue = bitmapScaleFactorMax; else_animateProperty.toValue = _bitmapScaleFactor / 2;break; _animateProperty.play();function handleTween(e:TweenEvent):voidswitch (e.type)case tweenUpdate:bitmapScaleFactor = e.valueas Number;break;case tweenEnd:_animateProperty.removeEventListener(TweenEvent.TWEEN_END, handleTween);_animateProperty.removeEventListener(TweenEvent.TWEEN_UPDATE, handleTween);break;public function setZoom(scale:Number):void_contentRectangle.zoom = scale;bitmapScaleFactor = scale;public function centerView():void_contentRectangle.viewAll(viewRect);bitmapScaleFactor = _contentRectangle.scaleX;/ constructor/ /* * Constructor. */ public function ImageViewer():voidviewRect = new Rectangle();_contentRectangle = new ContentRectangle(0,0,0,0,viewRect);addEventListener(ResizeEvent.RESIZE, handleResize);addEventListener(FlexEvent.CREATION_COMPLETE, handleCreationComplete);function handleCreationComplete(e:FlexEvent):void_contentRectangle.zoom = .5;bitmapScaleFactor = _contentRectangle.zoom;invalidateDisplayList(); /* * private */private function handleResize(e:ResizeEvent):voidif (_contentRectangle = null)return;_contentRectangle.centerToPoint(new Point(this.width/2, this.height/2);/ protected overrides/* * When the display list is updated the bitmap is drawn via a bitmapFill * applied to the UIComponents graphics layer. The size and position of the bitmap * are determined by the bitmapDatas transform matrix, which is derived by parsing * the _contentRectangles properties. * */ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):voidsuper.updateDisplayList(unscaledWidth, unscaledHeight);viewRect.width = width;viewRect.height = height;if (_bitmap = null)/ if theres no bitmapData fill the component with blackgraphics.beginFill(0x000000,1)graphics.drawRect(0,0,unscaledWidth,unscaledHeight); else if (viewRect != null) var _bitmapTransform:Matrix = new Matrix(_contentRectangle.width / _bitmap.width, 0, 0, _contentRectangle.height / _bitmap.height, _contentRectangle.topLeft.x, _contentRectangle.topLeft.y );/ fill the component with the bitmap.graphics.clear()graphics.beginBitmapFill(_bitmap.bitmapData, / bitmapData _bitmapTransform, / matrix true, / tile? _smoothBitmap / smooth? ) graphics.drawRect(0,0,unscaledWidth, unscaledHeight);/ if the edge of the bitmap transition into view / we paint in the negative area.if (_contentRectangle.left viewRect.topLeft.x)graphics.beginFill(0x000000,1)graphics.drawRect(0,0, _contentRectangle.x, unscaledHeight);if (_contentRectangle.top viewRect.topLeft.y)graphics.beginFill(0x000000,1)graphics.drawRect(0,0,unscaledWidth, _contentRectangle.y);if (_contentRectangle.right viewRect.width)graphics.beginFill(0x000000,1)graphics.drawRect(_contentRectangle.right,0, viewRect.width - _contentRectangle.right , viewRect.height );if (_contentRectangle.bottom viewRect.height)graphics.beginFill(0x000000,1)graphics.drawRect(0,_contentRectangle.bottom, viewRect