- Flex例8【创建自定义组件】
Create the custom component
创建自定义组件，首先先要建立一个专门存放组件的文件夹，这是个习惯，就像web目录下建images文件夹一样。然后选择File > New > MXML Component，命名即可。组件的制作和普通的MXML一样，只是它能和用户控件一样，拖放到程序中，重复使用。
其中的menber login板块即为一个custom component。
以下为主程序页的MXML：
程序代码
下面为组件loginBox的MXML：
程序代码
上一篇：Flex例7【使用视图状态和切换】 下一篇：Flex例9【使用代码编辑器】
创建自定义组件，首先先要建立一个专门存放组件的文件夹，这是个习惯，就像web目录下建images文件夹一样。然后选择File > New > MXML Component，命名即可。组件的制作和普通的MXML一样，只是它能和用户控件一样，拖放到程序中，重复使用。
其中的menber login板块即为一个custom component。
以下为主程序页的MXML：
程序代码<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
xmlns:ns1="myComponents.*" width="300" height="300">
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
title="Create a Custom Component ">
<mx:TextArea x="10" y="10" width="240"
<mx:TextArea x="10" y="10" width="240"
text="The panel "Menber Login" is a Custom Component." height="70"/>
</mx:Panel>
<ns1:LoginBox x="0" y="150">
</ns1:LoginBox>
</mx:Application>
</mx:Panel>
<ns1:LoginBox x="0" y="150">
</ns1:LoginBox>
</mx:Application>
下面为组件loginBox的MXML：
程序代码<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="300"
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="300"
height="150">
<mx:Script>
<![CDATA[
private function handleLoginEvent():void{
lblTest.text="login in...please wait...";
}
]]>
</mx:Script>
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
<mx:Script>
<![CDATA[
private function handleLoginEvent():void{
lblTest.text="login in...please wait...";
}
]]>
</mx:Script>
<mx:Panel x="10" y="10" width="280" height="130" layout="absolute"
title="Menber Login">
<mx:Label x="10" y="10" text="Username:"/>
<mx:Label x="10" y="36" text="Password:"/>
<mx:TextInput x="79" y="8" width="171" id="txtUID"/>
<mx:TextInput x="79" y="34" width="171" id="txtPWD"
<mx:Label x="10" y="10" text="Username:"/>
<mx:Label x="10" y="36" text="Password:"/>
<mx:TextInput x="79" y="8" width="171" id="txtUID"/>
<mx:TextInput x="79" y="34" width="171" id="txtPWD"
displayAsPassword="true"/>
<mx:Button x="194" y="58" label="Login" click="handleLoginEvent()"/>
<mx:Label x="32" y="62" id="lblTest" color="#ff0000"/>
</mx:Panel>
</mx:Canvas>
<mx:Button x="194" y="58" label="Login" click="handleLoginEvent()"/>
<mx:Label x="32" y="62" id="lblTest" color="#ff0000"/>
</mx:Panel>
</mx:Canvas>
上一篇：Flex例7【使用视图状态和切换】 下一篇：Flex例9【使用代码编辑器】
辅助软件
Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询：
admin#flashas.net （#为@） 联系QQ：
：40777822
浙ICP备06033001号 （本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。）