今天做Button组件的时候遇到一个非常奇怪的问题：
本来该显示成这样：[img]http://dl.iteye.com/upload/picture/pic/110561/2edc19a2-69f4-3cf3-a36d-4b857f20e00d.jpg[/img]
却显示成了这样：
[img]http://dl.iteye.com/upload/picture/pic/110559/db8f9751-c04a-386c-bd5b-91544e096821.jpg[/img]
代码如下：






xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
alpha.disabled="0.5">


/**
* @copy spark.skins.spark.ApplicationSkin#hostComponent
*/
[HostComponent("spark.components.Button")]
]]>




[Embed(source="assets/images/btn_searchButton_disabled.png")]
[Bindable]
private var disabledCls:Class;

[Embed(source="assets/images/btn_searchButton_up.png")]
[Bindable]
private var upCls:Class;

[Embed(source="assets/images/btn_searchButton_down.png")]
[Bindable]
private var downCls:Class;

[Embed(source="assets/images/btn_searchButton_over.png")]
[Bindable]
private var overCls:Class;
]]>


















原来声明为upCls、buttonCls、overCls、downCls在Button中是会异常显示图片的，没有深究这个原因，反正命名不能写这四个名字就行了。