常见写法有三种
(1) Button {?
????? skinClass: ClassReference("com.rianote.flex.skin.KButton");
???? }
(2)<Button skinClass="com.rianote.flex.skin.KButton" />
(3)myButton.setStyle( "skinClass",Class( KButton ));
其中第3中,如果用全路径,要先导入类
import?? com.view.skins.WallSkin;
?? this.plLeft.setStyle("skinClass",Class(com.view.skins.WallSkin));
?
设置按钮的背景样式
[Embed(source="upSkin.jpg"")]
public var UpSkin: Class;
private var btn:Button=new Button();
btn.label="testBtn";
btn.setStyle("upSkin",UpSkin);
通过上面的方式能正常给按钮设置一个背景样式;
?
?
在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式
代码:
?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
?layout="vertical"
?verticalAlign="middle"
?backgroundColor="white"
?creationComplete="init();">
?<mx:Script>
?<![CDATA[
?import mx.controls.Alert;
?import mx.styles.StyleManager;
?private var alert:Alert;
?private var alertCSS:CSSStyleDeclaration;
?private function init():void {
?alertCSS = StyleManager.getStyleDeclaration("Alert");
?}
?private function showAlert(color:Object):void {
?alertCSS.setStyle("modalTransparencyColor",color);
?alertCSS.setStyle("themeColor",color);
?alert = Alert.show("The quick brown fox...");
?}
?]]>
?</mx:Script>
?<mx:ApplicationControlBar dock="true">
?<mx:Button label="Red"
?themeColor="red"
?click="showAlert('red');" />
?<mx:Button label="Orange"
?themeColor="haloOrange"
?click="showAlert('haloOrange');" />
?<mx:Button label="Yellow"
?themeColor="yellow"
?click="showAlert('yellow');" />
?<mx:Button label="Green"
?themeColor="haloGreen"
?click="showAlert('haloGreen');" />
?<mx:Button label="Blue"
?themeColor="haloBlue"
?click="showAlert('haloBlue');" />
?</mx:ApplicationControlBar>
</mx:Application>