<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html">
<mx:Style>
.simpleButton
{
upSkin: Embed(source=);
overSkin: Embed(source=);
downSkin: Embed(source=);
}
.scale9Button
{
upSkin: Embed(source=, scaleGridTop=, scaleGridBottom=, scaleGridLeft=, scaleGridRight=);
overSkin: Embed(source=, scaleGridTop=, scaleGridBottom=, scaleGridLeft=, scaleGridRight=);
downSkin: Embed(source=, scaleGridTop=, scaleGridBottom=, scaleGridLeft=, scaleGridRight=);
}
.simplePanel
{
borderSkin: Embed(source=);
}
.scale9Panel
{
borderSkin: Embed(source=, scaleGridTop=, scaleGridBottom=, scaleGridLeft=, scaleGridRight=);
}
</mx:Style>
<mx:Script>
<![CDATA[
[Embed(source="assets/demo.png", scaleGridTop="5", scaleGridBottom="10", scaleGridLeft="5", scaleGridRight="10")]
[Bindable]
public var imgCls:Class;
]]>
</mx:Script>
<mx:TabNavigator top="10" bottom="10" left="10" right="10">
<mx:VBox label="Original Image" width="100%" height="100%" paddingLeft="10" paddingTop="10">
<mx:Image source="@Embed('assets/demo.png')" />
<mx:Image source="@Embed('assets/demo.png')" width="100" height="100"/>
<mx:Image source="{imgCls}" width="100" height="100"/>
</mx:VBox>
<mx:VBox label="Scale9 Buttons" width="100%" height="100%" paddingLeft="10" paddingTop="10">
<mx:Button label="Button 1" styleName="simpleButton" />
<mx:Button label="Button 2" styleName="scale9Button" />
<mx:Button label="Button 3" styleName="scale9Button" width="100" height="25" />
</mx:VBox>
<mx:HBox label="Scale9 Panels" width="100%" height="100%" paddingLeft="10" paddingTop="10">
<mx:Panel styleName="simplePanel" width="300" height="250" title="simplePanel" />
<mx:Panel styleName="scale9Panel" width="300" height="250" title="scale9Panel" />
</mx:HBox>
</mx:TabNavigator>
</mx:Application>