大部分Spark容器支持可互换的布局,DataGroup和DataGroup容器可以管理子布局,使用SkinnableContainer和SkinnableDataContainer来改变皮肤
一般情况下,为了提高性能,有些Spark容器不支持皮肤。
<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkContainerGraphic.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark">
<s:SkinnableContainer>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Button label="Button 1"/>
<s:Line
xFrom="0" xTo="100">
<s:stroke>
<s:LinearGradientStroke weight="2"/>
</s:stroke>
</s:Line>
<s:Button label="Button 2"/>
</s:SkinnableContainer>
</s:Application>
上面的是SkinnableContainer容器,包含有中间一条线,上下两个按钮
常见的Spark容器有 Group (including HGroup, VGroup, and TileGroup)、DataGroup、SkinnableContainer、SkinnablePopUpContainer、SkinnableDataContainer
、BorderContainer、Form、NavigatorContent、Container、Panel、TitleWindow