Flex4 中skinclass使用Path绘制多边形

skinClass中绘制多边形使用Path标签，把绘制路径放在data属性里。

如：



在编写绘制路径时，会用到一些控制关链字，这是必须了解的。

M(x,y)：移动到点(x,y)。

Z：结束并关闭路径（路径最后的点会画一条直线到路径起启点）。

L(x,y)：画一条直线到点(x,y)（一般和M一起使用，见下面例子）。

C(x1,y1,x,y,x2,y2)：从(x1,y1)画一条弧线到(x2,y2)，(x,y)为弧度控制点（|x1-x|=弧y轴半径，|y-y2|=弧x轴半径，当弧y轴半径=弧x轴半径时，此弧为圆弧）。



以下是一个简单的例子，绘制的都是一些基础图形，复杂图形也都是由基础图形构成的：




xmlns:s="library://ns.adobe.com/flex/spark"

xmlns:mx="library://ns.adobe.com/flex/mx">



[HostComponent("spark.components.SkinnableContainer")]






import mx.graphics.SolidColorStroke;

[Bindable]

private var stroke:SolidColorStroke = new SolidColorStroke(0xfff000, 2);

]]>

PATH十种指令 ：

括号内为相应参数

M = moveto(M X,Y)
L = lineto(L X,Y)
H = horizontal lineto(H X)
V = vertical lineto(V Y)
C = curveto(C X1,Y1,X2,Y2,ENDX,ENDY)
S = smooth curveto(S X2,Y2,ENDX,ENDY)
Q = quadratic Belzier curve(Q X,Y,ENDX,ENDY)
T = smooth quadratic Belzier curveto(T ENDX,ENDY)
A = elliptical Arc(A RX,RY,XROTATION,FLAG1,FLAG2,X,Y)