014 改变 按钮 外观

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Style source="style.css"/>
	<mx:Panel title="按钮控件 不同状态 示例"
	 height="75%" width="75%" layout="horizontal"
	 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
		<mx:Button id="myBtn"
		overIcon="@Embed('images/producttree_over.png')"
		downIcon="@Embed('images/producttree_down.png')"
		icon="@Embed('images/producttree_up.png')"
		mouseOver="{lbl.text='鼠标在上方'}"
		mouseDown="{lbl.text='鼠标单击'}"
		mouseOut="{lbl.text='鼠标移开'}"/>
		<mx:Label id='lbl' color="blue"/>
	</mx:Panel>
</mx:Application>

[img]/upload/attachment/115857/612ac416-4e86-3c4f-9bfb-829f6fd666b4.png[/img]
改变 按钮 外观

[img]/upload/attachment/115859/577dd818-a854-32c1-ae9a-84a298741426.png[/img]
鼠标 在按钮 之外
[img]/upload/attachment/115861/c0575fbb-88ae-379c-a0d4-0c6ec36a682a.png[/img]
鼠标 在按钮 之上
[img]/upload/attachment/115863/5b1f16e8-9802-3ebb-9ba8-7a97547cf6df.png[/img]
鼠标 按下 按钮