直角连接线

这是一个线条类

package aline
{
	import aaRight.RectHandle;
	import aaRight.RectHandle;
	import aaRight.RectHandle;
	import aaRight.RectHandle;
	import aaRight.RectHandle;
	
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.Point;
	
	import maodian.BrokenLineRect;
	
	import mx.core.UIComponent;
	
	public class LineAngle extends UIComponent
		
	{
		public var startPoint:Point;           //起启节点
		public var endPoint:Point;             //结束节点、
		public var isArrow:Boolean = true;       //是否有箭头
		public var arrowSize:uint = 6;           //箭头大小
		public var lineColor:uint = 0x000000;       //颜色
		public var tip:String = "线条";          //提示语
		
		
		private var _firstRect:BrokenLineRect;  
		private var _secondRect:BrokenLineRect;  
		private var _thirdRect:BrokenLineRect; 
		private var _rect_w:Number = 6;   
		
		public function LineAngle()
		{
			super();
		}
		
		public function drawLine():void
		{                   //************还要扩展，扩展成能够拉的折线的，参考UXine**********
			this.graphics.clear();
			this.graphics.lineStyle(2,lineColor);
			this.graphics.moveTo(startPoint.x,startPoint.y);
			this.graphics.lineTo(endPoint.x,endPoint.y);
			this.toolTip = tip;
//--------------------------------------------------------------------------------------------------------
	//增加锚点的
			_firstRect = new BrokenLineRect();                    //画线的时候，就建立了三个锚点，一条边
			_secondRect = new BrokenLineRect();  
			_thirdRect = new BrokenLineRect();  
			
			initFirstRect();  
			initSecondRect();  
			initThirdRect();  
			
			addChild(_firstRect);  
			addChild(_thirdRect);  
			addChild(_secondRect);
//--------------------------------------------------------------------------------------------------------
	//画箭头
			if(isArrow){
				
				var angle:Number  = this.getAngle();
				var centerX:Number = endPoint.x - arrowSize * Math.cos(angle*(Math.PI/180));
				var centerY:Number = endPoint.y + arrowSize * Math.sin(angle*(Math.PI/180));
				
				
				var leftX:Number = centerX + arrowSize * Math.cos((angle+120)*(Math.PI/180));
				var leftY:Number = centerY - arrowSize * Math.sin((angle+120)*(Math.PI/180));
				var rightX:Number = centerX + arrowSize * Math.cos((angle+240)*(Math.PI/180));
				var rightY:Number = centerY - arrowSize * Math.sin((angle+240)*(Math.PI/180));
				
				//this.graphics.beginFill(lineColor,1);
				
				this.graphics.lineStyle(2,lineColor,1);
				this.graphics.moveTo(endPoint.x,endPoint.y);
				
				this.graphics.lineTo(leftX,leftY);
				this.graphics.lineTo(centerX,centerY);
				
				this.graphics.lineTo(rightX,rightY);
				this.graphics.lineTo(endPoint.x,endPoint.y);
				//this.graphics.endFill();
			}
		}
		
//得到线的角度
		public function getAngle():Number
		{
			var temX:Number = endPoint.x - startPoint.x;
			var temY:Number = startPoint.y - endPoint.y;
			var angle:Number = Math.atan2(temY,temX)*(180/Math.PI)
			return angle;
		}
		
		//删除
		public function removeLine():void
		{
			this.graphics.clear();
		}
		

//----------------------------------------------
		
		/**初始化第一个端点的矩形*/  
		public function initFirstRect():void
		{  
			_firstRect.width = _rect_w;  
			_firstRect.height = _rect_w;  
			_firstRect.x =startPoint.x - _firstRect.width;  
			_firstRect.y = startPoint.y - _firstRect.height/2;  
			_firstRect.setStyle("borderColor","#70B2EE");  
			_firstRect.desc = "_firstRect";  
//			addRectEvent(_firstRect); 
	}
		
		/**初始化中点矩形*/  
		public function initThirdRect():void
		{  
			_thirdRect.width = _rect_w;  
			_thirdRect.height = _rect_w;  
			_thirdRect.setStyle("borderColor","#70B2EE");  
			_thirdRect.x = (_firstRect.x + _secondRect.x)/2;  
			_thirdRect.y = (_firstRect.y + _secondRect.y)/2;  
			_thirdRect.desc = "_thirdRect";  
//			addRectEvent(_thirdRect);  
		}  
		
		/**初始化第二个端点的矩形*/  
		public function initSecondRect():void
		{  
			_secondRect.width = _rect_w;  
			_secondRect.height = _rect_w;  
			_secondRect.x = endPoint.x;  
			_secondRect.y = endPoint.y - _secondRect.height/2;  
			_secondRect.setStyle("borderColor","#70B2EE");  
			_secondRect.desc = "_secondRect";  
//			addRectEvent(_secondRect);  
		} 
		
		
// 直角线的画出来	
		
		public var XPoint:Point = new Point();
//-------------------------------------------------------------------------------------------
		public function draw2Line(pointX:int, pointY:int):void
			{             //还应该判断起始点，确定线段和箭头的
			
			XPoint.x = pointX;
			XPoint.y = pointY;
			
			this.graphics.clear();  
			//			this.graphics.lineStyle(_lineStyle,_lineColor,1);   
			this.graphics.lineStyle(2,lineColor);   
			this.graphics.moveTo(startPoint.x, startPoint.y);  
			this.graphics.lineTo(pointX, pointY);  
			this.graphics.moveTo(pointX, pointY);
			this.graphics.lineTo(endPoint.x, endPoint.y);  
			this.toolTip = tip;
			
			
			if(isArrow){
				
				var angle:Number  = this.get2Angle(pointX,pointY);
				var centerX:Number = endPoint.x - arrowSize * Math.cos(angle * (Math.PI/180));
				var centerY:Number = endPoint.y + arrowSize * Math.sin(angle * (Math.PI/180));
				
				
				var leftX:Number = centerX + arrowSize * Math.cos((angle+120) * (Math.PI/180));
				var leftY:Number = centerY - arrowSize * Math.sin((angle+120) * (Math.PI/180));
				var rightX:Number = centerX + arrowSize * Math.cos((angle+240) * (Math.PI/180));
				var rightY:Number = centerY - arrowSize * Math.sin((angle+240) * (Math.PI/180));
				
				
				this.graphics.lineStyle(2,lineColor,1);
				this.graphics.moveTo(endPoint.x,endPoint.y);
				
				this.graphics.lineTo(leftX,leftY);
				this.graphics.lineTo(centerX,centerY);
				
				this.graphics.lineTo(rightX,rightY);
				this.graphics.lineTo(endPoint.x,endPoint.y);
			}
		}
//控制中间点与终点的角度来计算角度
		public function get2Angle(pointX:Number,pointY:Number):Number
		{
			var temX:Number = endPoint.x - pointX;
			var temY:Number = pointY - endPoint.y;
			var angle:Number = Math.atan2(temY,temX) * (180/Math.PI);
			return angle;
		}
		
//---------------------------------------------------------------------------------------------------------
		public var _oneRect:RectHandle;
		public var _twoRect:RectHandle;
		public var _threeRect:RectHandle;		   //连线交叉点，拐点，可以任意方向	
		public var _fourRect:RectHandle;            //2和4都是中间的点的，只有上下，左右方向
		public var _fiveRect:RectHandle;            //1和5一样，起终点，拉长短
		
		public function createRole():void
		{
			_oneRect = new RectHandle();
			_twoRect = new RectHandle();
			_threeRect = new RectHandle();
			_fourRect = new RectHandle();
			_fiveRect = new RectHandle();          //这是静态加进去的，动态怎么加进去的呢？？？？？好像是objectHandles解决的？？
			
			initOneRect();
			initTwoRect();
			initThreeRect();
			initFourRect();
			initFiveRect();
			
			addChild(_oneRect);
			addChild(_twoRect);
			addChild(_threeRect);
			addChild(_fourRect);
			addChild(_fiveRect);
		}
		
		public function initOneRect():void
		{                     //第一个点的,起始
			_oneRect.width = 6;
			_oneRect.height = 6;
			_oneRect.x = startPoint.x - _oneRect.width/2;
			_oneRect.y = startPoint.y-_oneRect.height/2;
		}
		
		public function initTwoRect():void
		{
			_twoRect.width = 6;
			_twoRect.height = 6;
			_twoRect.x = (XPoint.x+startPoint.x)/2 - _twoRect.width/2;
			_twoRect.y = (XPoint.y+startPoint.y)/2 - _twoRect.height/2;
		}
		
		public function initThreeRect():void
		{
			_threeRect.width = 6;
			_threeRect.height = 6;
			_threeRect.x = XPoint.x - _threeRect.width/2;
			_threeRect.y = XPoint.y - _threeRect.height/2;
		}
		
		public function initFourRect():void
		{
			_fourRect.width = 6;
			_fourRect.height = 6;
			_fourRect.x = (XPoint.x+endPoint.x)/2 - _fourRect.width/2;
			_fourRect.y = (XPoint.y+endPoint.y)/2 - _fourRect.height/2;
		}
		
		public function initFiveRect():void
		{
			_fiveRect.width = 6;
			_fiveRect.height = 6;
			_fiveRect.x = endPoint.x - _fiveRect.width/2;
			_fiveRect.y = endPoint.y - _fiveRect.height/2;
		}
		
	}
}

这是应用的

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
			   creationComplete="init()">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import aline.LineAngle;
			
			public function init():void
			{
				containBC.addEventListener(MouseEvent.MOUSE_DOWN, rightAngleMouseDown);
			}
			
			public var savePoint:Array = new Array(); 				//存储点的数组
			public var saveLine:LineAngle = null;					//存储线的数组
			public var lineAngle:LineAngle;            		  
			
			public function rightAngleMouseDown(event:MouseEvent):void
			{
				
				trace(event.target + ".." + event.currentTarget);
				
				if(event.target is RectHandle){                          //锚点          mouseChild和hostComponent
					trace("this twoRect" + this);
					this.addEventListener(MouseEvent.MOUSE_MOVE, _twoRectMoveHandle);
					this.addEventListener(MouseEvent.MOUSE_UP, _twoRectUpHandle);
					
				}else if(event.target is LineAngle)					 //线条
				{
					trace("this lineAngle" + this);
					lineAngle = event.target as LineAngle;
					
					lineAngle.addEventListener(MouseEvent.MOUSE_MOVE, LineAngleMove);
					lineAngle.addEventListener(MouseEvent.MOUSE_UP, LineAngleUp);
					
				}else
				{		
					lineAngle = new LineAngle();
					lineAngle.startPoint = new Point(event.stageX,event.stageY);                //(30,100)
					lineAngle.endPoint = new Point(event.stageX,event.stageY);
					
					trace("this else" + this);
					this.addEventListener(MouseEvent.MOUSE_MOVE, rightAngleMouseMove);
					this.addEventListener(MouseEvent.MOUSE_UP, rightAngleMouseUp);
					
				}
			}
			
			public function LineAngleMove(event:MouseEvent):void
			{
				//				event.stopImmediatePropagation();
				trace(this);
				lineAngle.startDrag();
			}
			
			public function LineAngleUp(event:MouseEvent):void
			{
				lineAngle.stopDrag();
				lineAngle.removeEventListener(MouseEvent.MOUSE_MOVE, LineAngleMove);
				lineAngle.removeEventListener(MouseEvent.MOUSE_UP,LineAngleUp);
			}
			
			public var firstPoint:Point = new Point();
			public var lineList:Array = new Array();
			public var currentLine:int = 0;
			public function rightAngleMouseMove(event:MouseEvent):void
			{
				//-------------------------------------------------------------------------------------------	
				if(event.stageX >= lineAngle.startPoint.x && event.stageY < lineAngle.startPoint.y)
				{   
					//一象限，此时箭头就不是两点时的箭头了，方向是水平或者垂直
					trace('x增加,y轴减少');
					
					if(lineAngle.getAngle() >= 45 && lineAngle.getAngle() <= 90)
					{
						firstPoint.x = lineAngle.startPoint.x;
						firstPoint.y = event.stageY;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
					}
					
					if(lineAngle.getAngle() >= 0 && lineAngle.getAngle() <= 45)
					{
						firstPoint.x = event.stageX;
						firstPoint.y = lineAngle.startPoint.y;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
					}
				}else if(event.stageX >= lineAngle.startPoint.x && event.stageY>lineAngle.startPoint.y)
				{   																 //四象限
					trace('x增加,y轴增加');
					
					if(lineAngle.getAngle() >= -90 && lineAngle.getAngle() <= -45)
					{
						firstPoint.x = lineAngle.startPoint.x;
						firstPoint.y = event.stageY;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
					}else if(lineAngle.getAngle() >= -45 && lineAngle.getAngle() <= 0)
					{
						firstPoint.x = event.stageX;
						firstPoint.y = lineAngle.startPoint.y;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
					}
				}
				else if(event.stageX <= lineAngle.startPoint.x && event.stageY < lineAngle.startPoint.y)
				{   																	 //二象限
					trace('x减少,y轴减少');
					
					if(lineAngle.getAngle() >= 90 && lineAngle.getAngle() <= 135)
					{
						firstPoint.x = lineAngle.startPoint.x;
						firstPoint.y = event.stageY;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
						
					}else if(lineAngle.getAngle() >= 135 && lineAngle.getAngle() <= 180)
					{
						firstPoint.x = event.stageX;
						firstPoint.y = lineAngle.startPoint.y;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
						
					}
				}
				else if(event.stageX <= lineAngle.startPoint.x && event.stageY>lineAngle.startPoint.y)
				{  																  //三象限
					trace('x减少,y轴增加');
					
					if(lineAngle.getAngle() >= -135 && lineAngle.getAngle() <= -90)
					{
						firstPoint.x=lineAngle.startPoint.x;
						firstPoint.y=event.stageY;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
					}
					
					if(lineAngle.getAngle() >= -180 && lineAngle.getAngle() <= -135)
					{
						firstPoint.x = event.stageX;
						firstPoint.y = lineAngle.startPoint.y;
						savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
					}
				}else
				{
					//没有移动的时候
				}
				
				lineAngle.endPoint = new Point(event.stageX,event.stageY);
				//-------------------------------------------------------------------------------------------	
				lineAngle.draw2Line(firstPoint.x,firstPoint.y);
				containBC.addElement(lineAngle);
			}
			
			public function rightAngleMouseUp(event:MouseEvent):void
			{
				lineAngle.createRole();
				this.removeEventListener(MouseEvent.MOUSE_MOVE, rightAngleMouseMove);
				this.removeEventListener(MouseEvent.MOUSE_UP, rightAngleMouseUp);
			}
			
			//----加节点和锚点都在下面了----------------------------------------------------------------------------------
			
			public var saveTwoPoint:Point = new Point()
			
			public function _twoRectMoveHandle(event:MouseEvent):void
			{
				trace("rectMove");
				event.stopImmediatePropagation();
																			//分为好多种情况来完成的,水平的时候
				if((lineAngle.startPoint.y) == firstPoint.y){                     
					trace("_twoRect Move,水平");
					lineAngle.startPoint.y = event.stageY;
					firstPoint.y = event.stageY;
					trace(firstPoint.x,firstPoint.y);
					lineAngle.draw2Line(firstPoint.x,firstPoint.y);
				}
				
																			//垂直的时候					
				if((lineAngle.startPoint.x) == firstPoint.x){                      
					trace("_twoRect Move，垂直");
					lineAngle.startPoint.x = event.stageX;
					firstPoint.x = event.stageX;
					trace(firstPoint.x,firstPoint.y);
					lineAngle.draw2Line(firstPoint.x,firstPoint.y);
				}
				containBC.addElement(lineAngle);
			}
			public function _twoRectUpHandle(event:MouseEvent):void
			{
				lineAngle.createRole();
				this.removeEventListener(MouseEvent.MOUSE_MOVE, _twoRectMoveHandle);
				this.removeEventListener(MouseEvent.MOUSE_UP, _twoRectUpHandle);
			}
			//--------------————————————————————————————————————————————------
		]]>
	</fx:Script>
	<s:BorderContainer id="containBC" width="400" height="400"/>
</s:Application>

这是role类

package aaRight
{
    import flash.events.Event;
    import flash.events.MouseEvent;
    
    import spark.components.BorderContainer;

    public class RectHandle extends BorderContainer
    {
        public function RectHandle()
        {
            super();
            this.addEventListener(MouseEvent.MOUSE_DOWN,_twoRectDownHandle);
            this.mouseChildren=false;
        }
        
        public function _twoRectDownHandle(event:MouseEvent):void
        {
            trace("RectHandle");
            this.addEventListener(MouseEvent.MOUSE_MOVE,_twoRectMoveHandle);
            this.addEventListener(MouseEvent.MOUSE_UP,_twoRectUpHandle);
        }
        public function _twoRectMoveHandle(event:MouseEvent):void
        {
            
        }
        public function _twoRectUpHandle(event:MouseEvent):void
        {
            this.removeEventListener(MouseEvent.MOUSE_MOVE,_twoRectMoveHandle);
            this.removeEventListener(MouseEvent.MOUSE_UP,_twoRectUpHandle);
        }
    }
}

 

新的类

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="init()">
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import aline.LineAngle;
            
            import mx.collections.ArrayList;
            
            public function init():void
            {
                containBC.addEventListener(MouseEvent.MOUSE_DOWN, rightAngleMouseDown);
            }
            
            public var savePoint:Array = new Array();                 //存储点的数组
            public var saveLine:LineAngle = null;                    //存储线的数组
            public var lineAngle:LineAngle;   
            public var saveItem:ArrayList=new ArrayList();
            
            public function rightAngleMouseDown(event:MouseEvent):void
            {
                trace(event.target + ".." + event.currentTarget);
                
                if(event.target is RectHandle){                          //锚点          mouseChild和hostComponent
                    trace("this twoRect" + this);
                    
                    if(event.target.id == "_rect0" || event.target.id == "_rect3")
                    {
                        this.addEventListener(MouseEvent.MOUSE_MOVE, LineRectMoveHandle);
                        this.addEventListener(MouseEvent.MOUSE_UP, LineRectUpHandle);
                        
                    }else if(event.target.id == "_rect1" || event.target.id == "_rect4")
                    {
                        this.addEventListener(MouseEvent.MOUSE_MOVE, LineRect1MoveHandle);
                        this.addEventListener(MouseEvent.MOUSE_UP, LineRect1UpHandle);
                        
                    }else if(event.target.id == "_rect2" || event.target.id == "_rect5")
                    {
                        this.addEventListener(MouseEvent.MOUSE_MOVE, LineRect2MoveHandle);
                        this.addEventListener(MouseEvent.MOUSE_UP, LineRect2UpHandle);
                        
                    }
                }else if(event.target is LineAngle)                     //线条
                {
                    trace("this lineAngle" + this);
                    lineAngle = event.target as LineAngle;
                    
                    lineAngle.addEventListener(MouseEvent.MOUSE_MOVE, LineAngleMove);
                    lineAngle.addEventListener(MouseEvent.MOUSE_UP, LineAngleUp);
                    
                }else
                {        
                    lineAngle = new LineAngle();
                    lineAngle.startPoint = new Point(event.stageX,event.stageY);                //(30,100)
                    
                    lineAngle.endPoint = new Point(event.stageX,event.stageY);
                    
                    trace("this else" + this);
                    this.addEventListener(MouseEvent.MOUSE_MOVE, rightAngleMouseMove);
                    this.addEventListener(MouseEvent.MOUSE_UP, rightAngleMouseUp);
                    
                }
            }
            
            public function LineAngleMove(event:MouseEvent):void
            {
                //                event.stopImmediatePropagation();
                trace(this);
                lineAngle.startDrag();
            }
            
            public function LineAngleUp(event:MouseEvent):void
            {
                lineAngle.stopDrag();
                lineAngle.removeEventListener(MouseEvent.MOUSE_MOVE, LineAngleMove);
                lineAngle.removeEventListener(MouseEvent.MOUSE_UP,LineAngleUp);
            }
            
            public var firstPoint:Point = new Point();
            public var lineList:Array = new Array();
            public var currentLine:int = 0;
            public function rightAngleMouseMove(event:MouseEvent):void
            {
                //-------------------------------------------------------------------------------------------    
                if(event.stageX >= lineAngle.startPoint.x && event.stageY < lineAngle.startPoint.y)
                {   
                    //一象限，此时箭头就不是两点时的箭头了，方向是水平或者垂直
                    trace('x增加,y轴减少');
                    
                    if(lineAngle.getAngle() >= 45 && lineAngle.getAngle() <= 90)
                    {
                        firstPoint.x = lineAngle.startPoint.x;
                        firstPoint.y = event.stageY;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
                    }
                    
                    if(lineAngle.getAngle() >= 0 && lineAngle.getAngle() <= 45)
                    {
                        firstPoint.x = event.stageX;
                        firstPoint.y = lineAngle.startPoint.y;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
                    }
                }else if(event.stageX >= lineAngle.startPoint.x && event.stageY>lineAngle.startPoint.y)
                {                                                                    //四象限
                    trace('x增加,y轴增加');
                    
                    if(lineAngle.getAngle() >= -90 && lineAngle.getAngle() <= -45)
                    {
                        firstPoint.x = lineAngle.startPoint.x;
                        firstPoint.y = event.stageY;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
                    }else if(lineAngle.getAngle() >= -45 && lineAngle.getAngle() <= 0)
                    {
                        firstPoint.x = event.stageX;
                        firstPoint.y = lineAngle.startPoint.y;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
                    }
                }
                else if(event.stageX <= lineAngle.startPoint.x && event.stageY < lineAngle.startPoint.y)
                {                                                                        //二象限
                    trace('x减少,y轴减少');
                    
                    if(lineAngle.getAngle() >= 90 && lineAngle.getAngle() <= 135)
                    {
                        firstPoint.x = lineAngle.startPoint.x;
                        firstPoint.y = event.stageY;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
                        
                    }else if(lineAngle.getAngle() >= 135 && lineAngle.getAngle() <= 180)
                    {
                        firstPoint.x = event.stageX;
                        firstPoint.y = lineAngle.startPoint.y;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
                        
                    }
                }
                else if(event.stageX <= lineAngle.startPoint.x && event.stageY>lineAngle.startPoint.y)
                {                                                                    //三象限
                    trace('x减少,y轴增加');
                    
                    if(lineAngle.getAngle() >= -135 && lineAngle.getAngle() <= -90)
                    {
                        firstPoint.x=lineAngle.startPoint.x;
                        firstPoint.y=event.stageY;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)  
                    }
                    
                    if(lineAngle.getAngle() >= -180 && lineAngle.getAngle() <= -135)
                    {
                        firstPoint.x = event.stageX;
                        firstPoint.y = lineAngle.startPoint.y;
                        savePoint.push(firstPoint);                         //折点放到数组里面去(30,20)
                    }
                }else
                {
                    //没有移动的时候
                }
                
                lineAngle.endPoint = new Point(event.stageX,event.stageY);
                //-------------------------------------------------------------------------------------------    
                lineAngle.draw2Line(firstPoint.x,firstPoint.y);
                containBC.addElement(lineAngle);
            }
            
            public var rectHand:RectHandle;
            public function rightAngleMouseUp(event:MouseEvent):void
            {
                createHandles();
                this.removeEventListener(MouseEvent.MOUSE_MOVE, rightAngleMouseMove);
                this.removeEventListener(MouseEvent.MOUSE_UP, rightAngleMouseUp);
            }
            
            //----加节点和锚点都在下面了----------------------------------------------------------------------------------
            
            public var saveTwoPoint:Point = new Point()
            
            public function LineRectMoveHandle(event:MouseEvent):void
            {
                trace("rectMove"+event.target);                               //拖动，删除线条上的节点，释放，又添加节点
//垂直的时候     四中情况
                removeHandles();
                
                if((lineAngle.startPoint.y) == firstPoint.y && (lineAngle.endPoint.x) == firstPoint.x){      
                    trace("LineRect Move，水平");
                        
                        lineAngle.startPoint.x = event.stageX;
                        lineAngle.startPoint.y = event.stageY;
                        firstPoint.y = lineAngle.startPoint.y;
                        
                        lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                        
                }else if((lineAngle.startPoint.x) == firstPoint.x && (lineAngle.endPoint.y) == firstPoint.y)
                {                      
                    trace("LineRect Move，垂直");
                    
                    lineAngle.startPoint.x = event.stageX;
                    lineAngle.startPoint.y = event.stageY;
                    
                    firstPoint.x = lineAngle.startPoint.x;
                    lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                }
                
                containBC.addElement(lineAngle);
            }
            
            public function LineRectUpHandle(event:MouseEvent):void
            {
                trace(lineAngle.startPoint+"::"+firstPoint+"::"+lineAngle.endPoint)
                createHandles();
                this.removeEventListener(MouseEvent.MOUSE_MOVE, LineRectMoveHandle);
                this.removeEventListener(MouseEvent.MOUSE_UP, LineRectUpHandle);
            }
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
            public function LineRect1MoveHandle(event:MouseEvent):void
            {
                trace("rectMove"+event.target);
                removeHandles();
                
                if((lineAngle.startPoint.y) == firstPoint.y && (lineAngle.endPoint.x) == firstPoint.x)
                {   //四中情况出现       
                    trace("LineRect Move，水平");
                    
                    
                    firstPoint.x = event.stageX;
                    firstPoint.y = event.stageY;
                    lineAngle.startPoint.y = firstPoint.y;
                    lineAngle.endPoint.x = firstPoint.x;
                    lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                    
                }
                
                //垂直的时候     四中情况                 
                if((lineAngle.startPoint.x) == firstPoint.x && (lineAngle.endPoint.y) == firstPoint.y)
                {                      
                    trace("LineRect Move，垂直");
                    
                    firstPoint.x = event.stageX;
                    firstPoint.y = event.stageY;
                    
                    lineAngle.startPoint.x = firstPoint.x;
                    lineAngle.endPoint.y = firstPoint.y;
                    lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                }
                
                containBC.addElement(lineAngle);
            }
            public function LineRect1UpHandle(event:MouseEvent):void
            {
                createHandles();
                this.removeEventListener(MouseEvent.MOUSE_MOVE, LineRect1MoveHandle);
                this.removeEventListener(MouseEvent.MOUSE_UP, LineRect1UpHandle);
            }
            
            public function LineRect2MoveHandle(event:MouseEvent):void
            {
                trace("rectMove"+event.target);
                removeHandles();
                
                if((lineAngle.startPoint.y) == firstPoint.y && (lineAngle.endPoint.x) == firstPoint.x)
                {   //四中情况出现       
                    trace("LineRect Move，水平");
                    
                    lineAngle.endPoint.x = event.stageX;
                    lineAngle.endPoint.y = event.stageY;
                    
                    firstPoint.x = lineAngle.endPoint.x;
                    trace(firstPoint.x, firstPoint.y);
                    lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                    
                }
                
                //垂直的时候     四中情况                 
                if((lineAngle.startPoint.x) == firstPoint.x && (lineAngle.endPoint.y) == firstPoint.y)
                {                      
                    trace("LineRect Move，垂直");
                    
                    lineAngle.endPoint.x = event.stageX;
                    lineAngle.endPoint.y = event.stageY;
                    
                    firstPoint.y = lineAngle.endPoint.y;
                    lineAngle.draw2Line(firstPoint.x, firstPoint.y);
                }
                
                containBC.addElement(lineAngle);
            }
            public function LineRect2UpHandle(event:MouseEvent):void
            {
                createHandles();
                this.removeEventListener(MouseEvent.MOUSE_MOVE, LineRect2MoveHandle);
                this.removeEventListener(MouseEvent.MOUSE_UP, LineRect2UpHandle);
            }
//--------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------
            public function createHandles():void{                        //要实现重用,第一次还好，后面就不行了,后面的怎么用啊？？？
                saveItem.removeAll();                                        
                saveItem.addItem(lineAngle.startPoint);
                saveItem.addItem(firstPoint);
                saveItem.addItem(lineAngle.endPoint);
                for (var i:int = 0; i < saveItem.length; i++)
                {
                    trace(saveItem.getItemAt(i) + "000000");
                    rectHand = new RectHandle();
                    rectHand.id = "_rect"+i;                               //生成的锚点名字分别为_rect0,_rect1,_rect2
                    rectHand.x = (saveItem.getItemAt(i) as Point).x;
                    rectHand.y = (saveItem.getItemAt(i) as Point).y;
                    lineAngle.addChild(rectHand);
                }
            }
            
            public function removeHandles():void
            {
                for (var i:int = 0; i < lineAngle.numChildren; i++)
                {
                    trace(lineAngle.numChildren+"//"+lineAngle.getChildAt(i));
                    lineAngle.removeChildAt(i);
                }
                trace(lineAngle.numChildren);
            }
            
        ]]>
    </fx:Script>
    <s:BorderContainer id="containBC" width="400" height="400"/>
</s:Application>