Changeset 2693 for lang/actionscript/swfgmap

Timestamp:

12/07/07 04:14:27 (13 months ago)

Author:

gyuque

Message:

lang/actionscript/swfgmap: implemented pseudo mouse capturing on Spinner

Location:

lang/actionscript/swfgmap/trunk

Files:

• TestApp.as (modified) (1 diff)
• TestApp.swf (modified) (previous)
• gyuque/gmap/ui/Spinner.as (modified) (6 diffs)

lang/actionscript/swfgmap/trunk/TestApp.as

@@ -30 +30 @@
                         spnr.x = 8;
                         spnr.y = 8;
-                        spnr.buttonMode = true;
                         mSpnr = spnr;
                 }

lang/actionscript/swfgmap/trunk/gyuque/gmap/ui/Spinner.as

@@ -10 +10 @@
                 private var mSize:int;
                 private var mBaseRing:Sprite;
+                private var mCaptureRing:Sprite;
                 private var mCursor:Sprite;
+                
+                private var mResetBtn:SpinResetButton;
                 
                 private var mRGradColors:Array;
@@ -33 +36 @@
                         mCursor = new Sprite();
                         drawBaseRing(mBaseRing.graphics, mCursor.graphics, graphics);
+                        
+                        mCaptureRing = new Sprite();
+                        mCaptureRing.graphics.beginFill(0);
+                        mCaptureRing.graphics.drawCircle(sz/2, sz/2, sz);
+                        mCaptureRing.mouseEnabled = false;
+                        mCaptureRing.visible = false;
+                        addChild(mCaptureRing);
+                        
                         mBaseRing.addChild(mCursor);
                         mCursor.x = sz/2;
@@ -38 +49 @@
                         mCursor.mouseEnabled = false;
                         
-                        addChild(mBaseRing);
-                        
                         mBaseRing.addEventListener(MouseEvent.MOUSE_MOVE , onRingMouseMove);
                         mBaseRing.addEventListener(MouseEvent.MOUSE_DOWN , onRingMouseDown);
                         mBaseRing.addEventListener(MouseEvent.MOUSE_UP   , onRingMouseUp);
                         mBaseRing.addEventListener(MouseEvent.MOUSE_OUT  , onRingMouseOut);
+                        
+                        mResetBtn = new SpinResetButton();
+                        mResetBtn.x = sz/2;
+                        mResetBtn.y = sz/2;
+                        addChild(mResetBtn);
+                        mBaseRing.buttonMode = true;
+                        mBaseRing.useHandCursor = true;
+                        
+                        addChild(mBaseRing);
                         
                         mValue = 0;
@@ -83 +101 @@
                         
                         mDrag.dragging = true;
+                        mBaseRing.hitArea = mCaptureRing;
                         mDrag.update(e.localX - mSize/2, e.localY - mSize/2);
                 }
@@ -89 +108 @@
                 {
                         e.stopPropagation();
-
+                        endDrag();
+                }
+
+                protected function onRingMouseOut(e:MouseEvent):void
+                {
+                        e.stopPropagation();
+                        endDrag();
+                }
+                
+                protected function endDrag():void
+                {
                         mDrag.dragging = false;
-                }
-
-                protected function onRingMouseOut(e:MouseEvent):void
-                {
-                        e.stopPropagation();
-
-                        mDrag.dragging = false;
+                        mBaseRing.hitArea = null;
                 }
                 
@@ -167 +190 @@
         }
 }
+
+class SpinResetButton extends flash.display.SimpleButton
+{
+        import flash.display.*;
+        
+        public function SpinResetButton()
+        {
+                var s:Sprite = new SpinResetButtonSprite(16, true);
+                upState = s;
+                hitTestState = upState;
+                overState = s;
+                downState = new SpinResetButtonSprite(16);
+                downState.y = 1;
+        }
+}
+
+class SpinResetButtonSprite extends flash.display.Sprite
+{
+        import flash.display.*;
+        
+        protected var mBGradColors:Array;
+        protected var mBGradAlphas:Array;
+        protected var mBGradRatios:Array;
+        protected var mBGradMatrix:flash.geom.Matrix;
+        protected var mBorderColor:uint = 0x999999;
+
+        protected var mHGradColors:Array;
+        protected var mHGradAlphas:Array;
+        protected var mHGradRatios:Array;
+        protected var mHGradMatrix:flash.geom.Matrix;
+        
+        protected var mSize:Number;
+        
+        public function SpinResetButtonSprite(sz:Number, shadowing:Boolean = false)
+        {
+                mSize = sz;
+                createGradientData(sz);
+                var g:Graphics = graphics;
+
+                if (shadowing)
+                        drawShadow(g, sz);
+                
+                g.beginGradientFill(GradientType.RADIAL, mBGradColors, mBGradAlphas, mBGradRatios, mBGradMatrix);
+                g.lineStyle(1, mBorderColor);
+                g.drawCircle(0, 0, sz);
+                g.endFill();
+                drawHighlight(g, sz);
+        }
+
+        protected function drawShadow(g:Graphics, sz:Number):void
+        {
+                g.beginFill(0, 0.1);
+                g.lineStyle(1, 0, 0.1);
+                g.drawCircle(1, 2, sz);
+                g.endFill();
+        }
+        
+        protected function drawHighlight(g:Graphics, sz:Number):void
+        {
+                g.beginGradientFill(GradientType.RADIAL, mHGradColors, mHGradAlphas, mHGradRatios, mHGradMatrix);
+                g.lineStyle();
+                g.drawCircle(0, 0, sz*0.9);
+        }
+        
+        protected function createGradientData(sz:Number):void
+        {
+                mBGradColors = [0xf0f0f0, 0xeeeeee, 0xeeeeee, 0xffffff, 0xd0d0d0];
+                mBGradAlphas = [1,1,1,1,1];
+                mBGradRatios = [0, 180, 200, 218, 255];
+                mBGradMatrix = new flash.geom.Matrix();
+                mBGradMatrix.createGradientBox(sz*2, sz*2, 0, -sz, -sz*1.05);
+
+                mHGradColors = [0xffffff, 0xffffff, 0xffffff];
+                mHGradAlphas = [0,0.4,1];
+                mHGradRatios = [70, 80, 200];
+                mHGradMatrix = new flash.geom.Matrix();
+                mHGradMatrix.createGradientBox(sz*8, sz*4, 0, -sz*3.9, -sz*1.4);
+        
+        }
+}