Flex各种超酷实例代码大全..docVIP

Flex Gumbo中如何利用＜Style/＞自定义Button和TextInput的例子 接下来的例子演示了Flex Gumbo中如何利用＜Style/＞自定义Button和TextInput。编译本例需要5873 (873) 或者更新的才可以。 下面是main.mxml： ?xml version=1.0 encoding=utf-8? s:Application name=FxGumbo_test xmlns:fx=/mxml/2009 xmlns:s=library:///flex/spark xmlns:mx=library:///flex/halo s:layout s:BasicLayout / /s:layout fx:Style @namespace s library:///flex/spark; @namespace mx library:///flex/halo; global { color: red; fontStyle: italic; fontWeight: bold; } s|Button { baseColor: haloOrange; } mx|Button { baseColor: haloGreen; } /fx:Style s:VGroup horizontalCenter=0 verticalCenter=0 s:Button label=Im a Spark Button / mx:Button label=Im a Halo Button / mx:HRule width=100% / s:TextInput text=Im a Spark TextInput / mx:TextInput text=Im a Halo TextInput / /s:VGroup s:RichEditableText id=sdkVer editable=false initialize=sdkVer.text = mx_internal::VERSION; bottom=10 right=10 / /s:Application Flex 4中如何创建头部背景为图片的Accordion的例子下面是完整代码(或点击这里察看)：下面是main.mxml： ?xml version=1.0 encoding=utf-8? s:Application name=Halo_Accordion_headerStyleName_skin_test xmlns:fx=/mxml/2009 xmlns:s=library:///flex/spark xmlns:mx=library:///flex/halo fx:Style @namespace s library:///flex/spark; @namespace mx library:///flex/halo; .accordionHeaderStyles { skin: ClassReference(skins.CustomAccordionHeaderSkin); } /fx:Style mx:Accordion id=accordion headerStyleName=accordionHeaderStyles width=80% height=80% horizontalCenter=0 verticalCenter=0 mx:VBox label=Red / mx:VBox label=Orange / mx:VBox label=Yellow / mx:VBox label=Green / mx:VBox label=Blue / /mx:Accordion /s:Application 下面为skins/CustomAccordionHeaderSkin.mxml的代码: ?xml version=1.0 encoding=utf-8? s:SparkSkin name=CustomAccordionHeaderSkin xmlns:fx=/mxml/2009 xmlns:s=library:///flex/spark minWidth=21 minHeight=21 alpha.disabled=0.5 !-- states -- s:states s:State name=up / s:State name=over / s:State name=down / s:State name=disabled / s:State name=selectedUp / s:State name=selectedOver / s:State name=selectedDown / s:State na