flex设置样式

常见写法有三种
(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>