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

昨天在搞一个对话框的外观 使用CSS搞定
http://www.riashanghai.com/node/7这篇文章对我帮助很大
心得写一下，自己留着好看

需要一个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