组件的重构

组件的重构
1. 新建组件 File-New-MXML Conponent

[img]http://dl.iteye.com/upload/picture/pic/85595/bf1fb261-138c-39dd-9656-e985100fdde6.jpg[/img]
为组件添加一个myProperty属性和一个标签，并将标签与属性绑定，组件代码如下：

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
	<mx:Script>
		<![CDATA[
			[Bindable]
			public var myProperty:String;
		]]>
	</mx:Script>
	<mx:Label x="151" y="129" text="{myProperty}"/>
</mx:Canvas>

2.返回应用程序文件，将组件导入 xmlns:local=”*” 并将组件添加到容器里，设置组件的属性值

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
				layout="vertical" 
				xmlns:local="*">

	<local:FirstConponent id="myConponent" myProperty="ddd"/>
</mx:Application>

3.修改组件文件名

[img]http://dl.iteye.com/upload/picture/pic/85603/012e79b8-b398-3f7d-8531-8a9e27d9d372.jpg[/img]
点击Rename

[img]http://dl.iteye.com/upload/picture/pic/85599/6c9df985-3f9c-31b3-8426-0566bf2c4fc2.jpg[/img]
然后到应用程序文件查看，是否已经自动将组件名修改：

<local:MyFirstConponent id="myConponent" myProperty="ddd"/>

4．修改组件的属性名，在组件代码里选中属性名，右击

[img]http://dl.iteye.com/upload/picture/pic/85611/a45461c2-89e6-3148-b8cc-ea495ba1547c.jpg [/img]
[img]http://dl.iteye.com/upload/picture/pic/85607/ad326b20-98d1-35d0-83ed-88dcc24c14ca.jpg[/img]
然后返回到应用程序文件，查看组件的属性是否已经自动修改

<local:MyFirstConponent id="myFirstConponent" myFirstProperty="ddd"/>