<?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"
width="400" height="200"
viewSourceURL="srcview/index.html">
<fx:Script>
<![CDATA[
import skins.*;
import mx.collections.ArrayCollection;
import spark.events.IndexChangeEvent;
[Bindable]public var skinDP:ArrayCollection = new ArrayCollection(
[{label:"None", skinClass:null},
{label:"Label", skinClass:skins.JustaLabelSkin},
{label:"Border", skinClass:skins.BorderSkin},
{label:"Padded", skinClass:skins.PaddedBorderSkin},
{label:"Background", skinClass:skins.SolidBackgroundSkin},
{label:"Gradient", skinClass:skins.GradientBackgroundSkin},
{label:"Rounded", skinClass:skins.RoundedSkin},
{label:"Shadowed", skinClass:skins.ShadowedSkin},
{label:"Stateful", skinClass:skins.StatefulSkin},
{label:"Fun", skinClass:skins.FunButtonSkin},
{label:"Animated", skinClass:skins.AnimatedSkin}]);
private function skinChangeHandler():void
{
if (skinList.selectedItem.label == "None")
button.clearStyle("skinClass");
else
button.setStyle("skinClass", skinList.selectedItem.skinClass);
}
]]>
</fx:Script>
<s:Button id="button" label="Button Label"
horizontalCenter="0" verticalCenter="0"/>
<s:DropDownList id="skinList" right="10" top="10"
dataProvider="{skinDP}" selectedIndex="0"
change="skinChangeHandler()"/>
</s:Application>