FLEX4皮肤1_概述.docVIP

转自/uid-122937-id-142921.html 1.SparkSkin介绍 ?? (1)spark.skins，这个包里面只有一个class：SparkSkin，非美工的程序员可以通过这个class来实现任意自定义控件的样式。?? (2)SparkSkin是一个Group类型的容器。（它继承自Group）?? (3)全部的mx.spark的可视化控件的外观全部都是SparkSkin的子类?? (4)SparkSkin：是全部Spark Class的基础类，也就说全部的mx.spark的可视化控件的外观全部都是SparkSkin的子类。????? Skin：是SparkSkin的父类，例如ButtonBarSkin就是Skin的子类，如果想要自定义这部分组件的样式，则需要使用Skin。????? 综上所述，也就是可以使用SparkSkin的地方，我们使用Skin一样可以达到同样的效果。2.SparkSkin的定义与使用?? 在Flex SDK 4(Gumbo)中，我们只需要将这个button的样式继承与SparkSkin或者Skin，然后在其中加入一些我想要的内容即可，请看以下的代码： 点击(此处)折叠或打开 ?xml?version=1.0?encoding=utf-8? s:SparkSkin ????xmlns:s=library:///flex/spark ????xmlns:fx=/mxml/2009 ????s:states ????????s:State?name=up/ ????????s:State?name=over/ ????????s:State?name=down/ ????????s:State?name=disabled/ ????/s:states ????fx:Metadata ????????[HostComponent(ponents.Button)] ????/fx:Metadata ???? ????s:Ellipse?width=100%?height=100% ????????s:fill ????????????s:SolidColor?color=0x222222?color.over=#191919?color.down=#eeeeee/ ????????/s:fill ????????s:stroke ????????????s:SolidColorStroke?color=0xFF0000?/ ????????/s:stroke ????/s:Ellipse ???? ????s:RichText?id=labelElement ????????????????fontFamily=Myriad Pro ????????????????fontSize=11 ????????????????color=0x00ff00 ?????????????text=我的入室操戈 ????????????????textAlign=center ????????????????horizontalCenter=0 ????????????????verticalCenter=1 ????????????????width=100% ????/s:RichText ???? /s:SparkSkin 具体代码详见ButtonSkin2.mxml我们可以用以下几个方式：(1) Button {??? ? skinClass: ClassReference(com.skin.ButtonSkin2);??? }(2)Button skinClass=com.skin.ButtonSkin2 /(3)myButton.setStyle( skinClass, Class( ButtonSkin2));例如 点击(此处)折叠或打开 ?xml?version=1.0?encoding=UTF-8? s:Application xmlns:s=library:///flex/spark ???????????? xmlns:fx=/mxml/2009 ?????????????height=254?width=576 ????fx:Script ????????![CDATA[ ????????????import?com.skin.ButtonSkin2; ????????]] ????/fx:Script ????s:Button?x=54?y=56?skinClass=com.skin.ButtonSkin2?height=32? ?????????????width=77?label=我的按钮/ /s:Application 3.皮肤的状态??