StrokedElement(笔画绘制)：更新重绘的时候 会调用三个方法

1.beginDraw(g)：设置笔画样式。stroke.draw(),

2.drawElements(g)：开始绘制图形。

3.endDraw()： 结束绘制。

FilledElement(填充绘制)。 在设置样式的时候，会设置笔画和填充样式, fill.begin(g).

最后我们得出几个我们常用的绘制模型 Lline --线条，Rect－四方形，Ellipse－椭圆 ect...

这里我们关注下Path ，这个路径类和svg数据结合能使我们绘制任意形状的图形，这里只给个link，看看他的威力： www.degrafa.org/source/Car/Car.html

TextBox 和 TextGraphic是用于文字绘制。

关于笔画与填充。

<?xml version="1.0" encoding="utf-8"?>
<SparkSkin xmlns="http://ns.adobe.com/mxml/2009" 
      minWidth="21" minHeight="21"
      alpha.disabled="0.5">
    <!--标记哪个组件FxXXX来加载此皮肤 -->
    <Metadata>
        [HostComponent("mx.components.FxXXX")]
    </Metadata>


    <!-- 表示绘制二色线性渐变填充的四方形 -->
    <Rect left="-1" right="-1" top="-1" bottom="-1" radiusX="2" radiusY="2">
        <fill>
            <LinearGradient rotation="90">
                    <GradientEntry color="0x000000" 
                                   alpha="0.01"/>
                    <GradientEntry color="0x000000" 
                                   alpha="0.07"/>
            </LinearGradient>
        </fill>
    </Rect>


    <!-- 表示绘制二色线性渐变笔画的椭圆 -->
    <Ellipse left="-1" top="-1" right="-1" bottom="-1">
        <stroke>
            <LinearGradientStroke rotation="90" weight="1">
                <GradientEntry color="0x000000" 
                               alpha="0.011"
                               alpha.downStates="0" />
                <GradientEntry color="0x000000" 
                               alpha="0.121" />
            </LinearGradientStroke>
        </stroke>
    </Ellipse>

    <!--绘制text -->
    <TextBox id="labelField"
             horizontalCenter="0" verticalCenter="1"
             left="10" right="10" top="2" bottom="2">
    </TextBox>
    
</SparkSkin>