组件的重构

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


为组件添加一个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.修改组件文件名


点击Rename


然后到应用程序文件查看，是否已经自动将组件名修改：

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

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

[img]http://dl.iteye.com/upload/picture/pic/85611/a45461c2-89e6-3148-b8cc-ea495ba1547c.jpg [/img]

然后返回到应用程序文件，查看组件的属性是否已经自动修改

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

组件的重构