首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex 四中Spark组件利用Skin Class外观设计(4)

2012-11-22 
Flex 4中Spark组件利用Skin Class外观设计(4)FXG的基本形状有三种,矩形(圆角矩形)、椭圆(圆形)、直线。Rect矩

Flex 4中Spark组件利用Skin Class外观设计(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表示返回到起始位置。

来自http://flex4jiaocheng.com/blog/272

热点排行