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>

改变 按钮 外观


鼠标 在按钮 之外

鼠标 在按钮 之上

鼠标 按下 按钮