在flex中使用CSS改变控件样式

需要一个CSS文件，例如Default.CSS

在mxml中需要使用

<mx:Style source="Default.css"></mx:Style>

进行捆绑

对控件进行绑定

例如：控件 MyButton

需要在Default.css文件中输入和控件类名相同的项

方法一

MyButton

{

  /*MC*/

  upSkin:Embed（source="button.swf", symbol="up_skin"）;

  /*PNG, BMP好像不行*/

  downSkin:Embed("down_skin.png",

      scaleGridLeft="10",

      scaleGridRight="300",

      scaleGridTop="20",

      scaleGridBottom="400");

  /*自定义项*/

  test:"this is test string!"

}

这样就直接绑定了！

var btn:MyButton = new Mybutton();

var str:String = btn.getStyle("test");

str值就等于"this is test string!"

方法二

/*名字可以随命名*/

.MyButtonSecond

{

  /*MC*/

  upSkin:Embed（source="button.swf", symbol="up_skin"）;

  /*PNG, BMP好像不行*/

  downSkin:Embed("down_skin.png",

      scaleGridLeft="10",

      scaleGridRight="300",

      scaleGridTop="20",

      scaleGridBottom="400");

   /*自定义项*/

  test:"this is test string!"

}

flex:

<mx:MyButton xmlns:mx="http://www.adobe.com/2006/mxml" width="370" height="222" styleName="MyButtonSecond">

或者

btn.styleName = MyButtonSecond;

这样就绑定了！

比如背景色 背景图片之类的项 查文档就可以知道了或者google