Cairngorm6 – by Chandradeepan

Cairngorm5 – by Chandradeepan

Cairngorm4 – by Chandradeepan

Cairngorm3 – by Chandradeepan

Cairngorm2 – by Chandradeepan

Cairngorm1 – by Chandradeepan

i get from Flex at Beach

thanks…

Changradeepan

image drag and drop

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.controls.Image;
			import mx.events.DragEvent;
			import mx.core.DragSource;
			import mx.managers.DragManager;
			import flash.events.DataEvent;

			[Embed (source='7.gif')]

			private var globImage:Class;

			private function mouseOverHandler(event:MouseEvent):void
			{
				var dragInitiator:Image=Image(event.currentTarget);
				var ds:DragSource= new DragSource();
				ds.addData(dragInitiator,'img');

				var imageProxy:Image = new Image();
				imageProxy.source=globImage;
				imageProxy.height=10;
				imageProxy.width=10;
				DragManager.doDrag(dragInitiator, ds , event , imageProxy , -10 , -10 , 1.00);
			}
			private function dragEnterHandler(event:DragEvent):void
			{
				if(event.dragSource.hasFormat('img'))
				{
					DragManager.acceptDragDrop(Canvas(event.currentTarget));
				}
			}
			private function dragDropHandler(event:DragEvent):void
			{
				Image(event.dragInitiator).x =
				Canvas(event.currentTarget).mouseX;
				Image(event.dragInitiator).y =
				Canvas(event.currentTarget).mouseY;
			}

		]]>
	</mx:Script>

	    <mx:Canvas id="v1"
        width="500" height="500"
        borderStyle="solid"
        backgroundColor="#DDDDDD"
        dragEnter="dragEnterHandler(event);"
        dragDrop="dragDropHandler(event);">

        <!-- The image is the drag initiator. -->
        <mx:Image id="myimg"
            source="@Embed(source='7.gif')"
            mouseMove="mouseOverHandler(event);"/>
            <mx:TextArea text="Location in Canvas: x = {String(myimg.x)}, and y = {String(myimg.y)}" height="37" width="394" x="36" y="480"/>
    </mx:Canvas>

</mx:Application>

advance titlewindow

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationPolicy="all" creationComplete="onCreationComplete()" showEffect="Wipedown" showCloseButton="true" close="this.visible = false" hideEffect="WipeUp" width="400" height="300">
	<mx:Script>
		<![CDATA[
			import mx.core.UIComponent;
			import mx.core.SpriteAsset;
			import mx.events.FlexEvent;
			import  mx.flash.events.MouseEvent;
			import mx.flash.events.Event;

			private var xoffset:Number;
			private var yoffset:Number;

			private var origWidth:Number;
			private var origHeight:Number;

			private function onCreationComplete():void
			{
				this.addEventListener(MouseEvent.MOUSE_DOWN ,onResize);
				this.titleBar.addEventListener(MouseEvent.MOUSE_DOWN , onTitleBarMouseDown);
				this.titleBar.addEventListener(MouseEvent.MOUSE_UP , onTitleBarMouseUP);
			}

			private function onTitleBarMouseDown(event:MouseEvent):void
			{
				this.xoffset = event.currentTarget.mouseX;
				this.yoffset = event.currentTarget.mouseY;
				parent.addEventListener(MouseEvent.MOUSE_MOVE , onTitleBarMouseMove);
				parent.setChildIndex(this,parent.numChildren-1);
			}
			private function onTitleBarMouseUp(event:MouseEvent):void
			{
				parent.removeEventListener(MouseEvent.MOUSE_MOVE,onTitleBarMouseMove);
			}
			private function onTitleBarMouseMove(event:MouseEvent):void
			{
				var tempX:int = parent.mouseX - this.xoffset;
				var tempY:int = parent.mouseY - this.yoffset;

				x = tempX;
				y = tempY;
			}
			private function onResize(event:MouseEvent):void
			{
				var lowerLeftX:Number = x + width;
				var lowerLeftY:Number = y + height;

				var  uperLeftX:Number = lowerLeft-7;
				var  uperLeftY:Number = lowerLeft-7;

				var panelRelX:Number = event.localX + x;
				var panelRelY:Number = event.localY + y;

				if (uperLeftX <= panelRelX && panelRelX <= lowerLeftX)
				{
					if(uperLeftY <= panelRelY && panelRelY <= lowerLeftY)
					{
						event.stopPropagation();

						origWidth = width;
						origHeight = height;
						this.xoffset = parent.mouseX;
						this.yoffset = parent.mouseY;

						parent.addEventListener(MouseEvent.MOUSE_MOVE,resizePanel);
						parent.addEventListener(MouseEvent.MOUSE_UP,stopResizePanel);

					}
				}
			}
			private function resizePanel(event:MouseEvent):void
			{
				if ((origWidth + (parent.mouseX - xoffset)) > 250)
				{
					width = origWidth + (parent.mouseX - xoffset);
				}
				if ((origHeight + (parent.mouseY - yoffset)) > titleBar.height)
				{
					height = origHeight + (parent.mouseY - yoffset);
				}
			}
			private function stopResizePanel(event:MouseEvent):void
			{
				parent.removeEventListener(MouseEvent.MOUSE_MOVE , resizePanel);
			}
			override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void
			{
				super.updateDisplayList(unscaledWidth,unscaledHeight);
				graphics.clear()
				graphics.lineStyle(2);
				graphics.moveTo(unscaledWidth - 6 , unscaledHeight - 1 );
				graphics.curveTo(unscaledWidth-3 , unscaledHeight - 3 , unscaledWidth -1 , unscaledHeight -6);
				graphics.moveTo(unscaledWidth - 6 ,unscaledHeight -4);
				graphics.curveTo(unscaledWidth - 5 ,unscaledHeight -5 , unscaledWidth -4 ,unscaledHeight -6);
			}
		]]>
	</mx:Script>
</mx:TitleWindow>

drag and drop example

<?xml version="1.0"?>
<!-- dragdrop\DandDImageCopyMove.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="horizontal" >

    <mx:Script>
        <![CDATA[
        	import mx.containers.TitleWindow;
        	import mx.controls.TileList;
        	import mx.core.Container;
            import mx.managers.DragManager;
            import mx.core.DragSource;
            import mx.events.DragEvent;
            import flash.events.MouseEvent;

            // Embed icon image.
          //  [Embed(source='6.jpg')]
            public var globeImage:Class;

            // The mouseMove event handler for the Image control
            // functioning as the drag initiator.
            private function mouseOverHandler(event:MouseEvent):void
            {
                var dragInitiator:Image=Image(event.currentTarget);
                var ds:DragSource = new DragSource();
                ds.addData(dragInitiator, "img");               

                // The drag manager uses the image as the drag proxy
                // and sets the alpha to 1.0 (opaque),
                // so it appears to be dragged across the canvas.
               var imageProxy:Image = new Image();
                imageProxy.source = globeImage;
                imageProxy.height=10;
                imageProxy.width=10;
                DragManager.doDrag(dragInitiator, ds, event,
                 imageProxy, -15, -15, 1.00);
            }

            // The dragEnter event handler for the Canvas container
            // functioning as the drop target.
            private function dragEnterHandler(event:DragEvent):void {
              if (event.dragSource.hasFormat("img"))
                DragManager.acceptDragDrop(Canvas(event.currentTarget));
            }

            // The dragOver event handler for the Canvas container
            // sets the type of drag-and-drop
            // operation as either copy or move.
            // This information is then used in the
            // dragComplete event handler for the source Canvas container.
            private function dragOverHandler(event:DragEvent):void
            {
                if (event.dragSource.hasFormat("img")) {
                    if (event.ctrlKey) {
                        DragManager.showFeedback(DragManager.COPY);
                        return;
                    }
                    else {
                        DragManager.showFeedback(DragManager.MOVE);
                        return;
                    }
                }

                DragManager.showFeedback(DragManager.NONE);
            }

            // The dragDrop event handler for the Canvas container
            // sets the Image control's position by
            // "dropping" it in its new location.
            private function dragDropHandler(event:DragEvent):void {
              if (event.dragSource.hasFormat("img")) {
                  var draggedImage:Image =
                    event.dragSource.dataForFormat('img') as Image;
                  var dropCanvas:Canvas = event.currentTarget as Canvas;

                  // Since this is a copy, create a new object to
                  // add to the drop target.
                  var newImage:Image=new Image();
                 // newImage.source = draggedImage.source;
                  newImage.x = dropCanvas.mouseX;
                  newImage.y = dropCanvas.mouseY;
                  dropCanvas.addChild(newImage);
              }
            }

            // The dragComplete event handler for the source Canvas container
            // determines if this was a copy or move.
            // If a move, remove the dragged image from the Canvas.
            private function dragCompleteHandler(event:DragEvent):void {
                var draggedImage:Image =
                    event.dragInitiator as Image;
                var dragInitCanvas:Canvas =
                    event.dragInitiator.parent as Canvas;

                if (event.action == DragManager.MOVE)
                    dragInitCanvas.removeChild(draggedImage);
            }
        ]]>
    </mx:Script>

    <!-- Canvas holding the Image control that is the drag initiator. -->
    <mx:Canvas
        width="250" height="500"
        borderStyle="solid"
        backgroundColor="#DDDDDD">

    <!-- The Image control is the drag initiator and the drag proxy. -->
    <mx:Image source="@Embed(source='6.jpg')"
    	mouseMove="mouseOverHandler(event);"
            dragComplete="dragCompleteHandler(event)" width="400" height="300"/>

       <!-- <mx:Image id="myimg"
            source="@Embed(source='6.jpg')"
            mouseMove="mouseOverHandler(event);"
            dragComplete="dragCompleteHandler(event);"/> -->
    </mx:Canvas>
       <!-- This Canvas is the drop target. -->
    <mx:Canvas
        width="250" height="500"
        borderStyle="solid"
        backgroundColor="#DDDDDD"
        dragEnter="dragEnterHandler(event);"
        dragOver="dragOverHandler(event);"
        dragDrop="dragDropHandler(event);">
    </mx:Canvas>
</mx:Application>

Get Free Laptop