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(色彩响应矩阵滤镜)


你可能感兴趣的:(AS,图形,flex4,皮肤,skinClass)