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>