flex_SkinnableContainer容器使用示例；

<!--fileName_TheCoolSkin.mxml-->

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:mx="library://ns.adobe.com/flex/mx"
             xmlns:s="library://ns.adobe.com/flex/spark">
    
    <!--fileName_TheCoolSkin.mxml-->
    
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    
    <s:Rect height="100%" width="100%">
        <s:fill>
            <s:LinearGradient>
                <s:entries>
                    <mx:GradientEntry color="#92A1B9"/>
                </s:entries>
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    
    <s:Group id="contentGroup" left="5" top="5" right="5" bottom="5">
        <s:layout>
            <s:BasicLayout/>
        </s:layout>
    </s:Group>
    
</s:SparkSkin>

<!--fileName_TheUseOfSkin-->

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="TheUseOfSkin">
    
    <fx:Declarations>
        <!--非可视元素-->
    </fx:Declarations>
    
    <s:SkinnableContainer skinClass="TheCoolSkin" horizontalCenter="0" verticalCenter="0">
        <s:layout>
            <s:HorizontalLayout/>
        </s:layout>
        
        <s:Button label="按1钮"/>
        <s:Button label="按2钮"/>
    </s:SkinnableContainer>
    
</s:Application>