Flex 4 皮肤设计资料

FXG的基本形状有三种，矩形（圆角矩形）、椭圆（圆形）、直线。

Rect矩形（圆角矩形），以下是基本的一些属性：

width <length>: 矩形的宽度。
height <length>: 矩形的高度。
radiusX <length>: 圆角矩形，圆角在X轴椭圆半径的弯道，此值四舍五入。
radiusY <length>: 圆角矩形，圆角在y轴椭圆半径的弯道，此值四舍五入。
rotation <Number>: 旋转角度，正数为顺时针，负数为逆时针。
scaleX <Number>: x轴缩放，1为100%。
scaleY <Number>: y轴缩放，1为100%。
visible <Boolean>: 可见性。

Ellipse椭圆（圆形），以下是基本的一些属性：

width <length>: 椭圆的宽度。
height <length>: 椭圆的高度。
rotation <Number>: 旋转角度，正数为顺时针，负数为逆时针。
scaleX <Number>: x轴缩放，1为100%。
scaleY <Number>: y轴缩放，1为100%。
visible <Boolean>: 可见性。

Line直线，以下是基本的一些属性：

xFrom <Number>: X轴起点，默认为0。
yFrom <Number>: y轴起点，默认为0。
xTo <Number>: X轴终点，默认为0。
yTo <Number>: y轴终点，默认为0。
rotation <Number>: 旋转角度，正数为顺时针，负数为逆时针。
scaleX <Number>: x轴缩放，1为100%。
scaleY <Number>: y轴缩放，1为100%。
alpha <Number>: 不透明度，1为100%。
visible <Boolean>: 可见性。

FXG的复杂图形使用Path来绘制。

以下是一个尖角向下的红色三角形的绘制（其主要通过节点坐标来绘制）：

<Path data="M 0 0 L 100 0 L 50 100 Z">
    <fill>
        <SolidColor color="#FF0000"/>
    </fill>
</Path>

P.S. data中M表示起始位置，Z表示返回到起始位置。

FXG使用fill对图形本体进行上色，使用stroke对图形边框进行上色，而fill（填充）和stroke（画笔）有三种上色方法：

fill — SolidColor（色块），RadialGradient（径向渐变），LinearGradient（线性渐变）。

stroke — SolidColorStroke（实线），RadialGradientStroke（径向渐变），LinearGradientStroke（线性渐变）。

FXG中常用的效果滤镜有7个：

GlowFilter（单色发光滤镜）

BlurFilter（模糊滤镜）

DropShadowFilter（阴影滤镜）

BevelFilter（斜角滤镜）

GradientGlowFilter（彩色发光滤镜）

GradientBevelFilter（彩色斜角滤镜）

ColorMatrixFilter（色彩响应矩阵滤镜）