Flex 画箭头（三种）
看了很多大神的资料，耗费了N多的脑细胞，可怜我的智商啊！！！！
附上参考资料：http://www.blogjava.net/1504/archive/2009/11/26/303775.html
http://www.dancecoder.com/2012/438.html
其他的忘记地址了。要是引用您的方法，一并感谢了
第一种
参考图片
代码：
/**
* 画箭头
* ---▲
* @param start 开始节点
* @param end 结束节点
* @param color 线条颜色
* @param alpha 透明度
* @param radius 箭头的大小
*
*/
public function drawArrow(start:Point,end:Point,color:uint=0x000000,alpha:Number=1,radius:Number=8.5):void{
var z:Number=Math.sqrt((end.x - start.x) * (end.x - start.x) + (end.y - start.y) * (end.y - start.y));
var angle:Number=Math.atan2(end.y - start.y, end.x - start.x);
var exAngle:Number=Math.PI * 4.8 / 4;
var p1:Point=Point.polar(z, angle);
var p2:Point=Point.polar(radius, angle + exAngle);
var p3:Point=Point.polar(radius, angle - exAngle);
p1.offset(start.x, start.y);
p2.offset(p1.x, p1.y);
p3.offset(p1.x, p1.y);
if(alpha>1) alpha=1;
else if(alpha<0) alpha=0;
arrow.graphics.beginFill(color,alpha);
arrow.graphics.moveTo(p1.x, p1.y);
arrow.graphics.lineTo(p2.x, p2.y);
arrow.graphics.lineTo(p3.x, p3.y);
arrow.graphics.lineTo(p1.x, p1.y);
arrow.graphics.endFill();
this.addChild(arrow);
}
第二种
参考图片
代码：
/**
* 画箭头方法
*
* →
* @param x1 开始节点x轴坐标
* @param y1 开始节点y轴坐标
* @param x2 结束节点x轴坐标
* @param y2 结束节点y轴坐标
* @param lineThickness 线条的粗细
* @param color 线条的颜色
* @param alpha 透明度
*
*/
public function performArrowDrawing(x1:Number, y1:Number, x2:Number, y2:Number, lineThickness:Number, color:Number, alpha:Number):void{
arrow.graphics.lineStyle(lineThickness, color, alpha);
var arrowHeight:Number = 15;
var arrowWidth:Number = 10;
var angle:Number = Math.atan2(y2-y1, x2-x1);
arrow.graphics.moveTo(x2-arrowHeight*Math.cos(angle)-arrowWidth*Math.sin(angle),
y2-arrowHeight*Math.sin(angle)+arrowWidth*Math.cos(angle));
arrow.graphics.lineTo(x2, y2);
arrow.graphics.lineTo(x2-arrowHeight*Math.cos(angle)+arrowWidth*Math.sin(angle),
y2-arrowHeight*Math.sin(angle)-arrowWidth*Math.cos(angle));
}
第三种
参考图片
代码：
/**
*
* @param startX
* @param startY
* @param endX
* @param endY
* @return
*
*/private function GetAngle(startX:Number,startY:Number,endX:Number,endY:Number):int
{
var tmpx:int=endX-startX ;
var tmpy:int=startY -endY ;
var angle:int= Math.atan2(tmpy,tmpx)*(180/Math.PI);
return angle; /**
*
* @param startX 开始节点x轴坐标
* @param startY 开始节点y轴坐标
* @param endX 结束节点x轴坐标
* @param endY 结束节点y轴坐标
* @param Radius 箭头的大小
*
*/ public function drawArrowCenter(startX:Number,startY:Number,endX:Number,endY:Number,Radius:Number):void {
var angle:int= GetAngle(startX,startY,endX,endY);
var centerX:int=endX-Radius * Math.cos(angle *(Math.PI/180)) ;
var centerY:int=endY+Radius * Math.sin(angle *(Math.PI/180)) ;
var topX:int=endX ;
var topY:int=endY ;
var LineColor:uint=0x8699A5;
var leftX:int=centerX + Radius * Math.cos((angle +120) *(Math.PI/180)) ;
var leftY:int=centerY - Radius * Math.sin((angle +120) *(Math.PI/180)) ;
var rightX:int=centerX + Radius * Math.cos((angle +240) *(Math.PI/180)) ;
var rightY:int=centerY - Radius * Math.sin((angle +240) *(Math.PI/180)) ;
arrow.graphics.beginFill(LineColor,1);
arrow.graphics.lineStyle(1,LineColor,1);
arrow.graphics.moveTo(topX,topY);
arrow.graphics.lineTo(leftX,leftY);
arrow.graphics.lineTo(centerX,centerY);
arrow.graphics.lineTo(rightX,rightY);
arrow.graphics.lineTo(topX,topY);
arrow.graphics.endFill();
}
其中第三种算法有点问题，箭头不对称，需要修改。希望高手指导。在此先感谢了
忘记加上
public var arrow:UIComponent=new UIComponent();