自定义控件、自定义事件
引子:前面主要用action script3来定义事件、在此用MXML来自定义控件、自定义事件
具体可参考源代码及其执行:
一、源代码
见1是通过新建new/MXML conpoment 同时,在填入信息时选择继承自panel;
1、LoginForm.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="348" height="200" borderColor="#3CD5E3" title="登录表单" fontSize="12" fontWeight="bold">
<mx:Metadata>
[Event(name="loginEvent",type="com.events.loginformEvent")]-执行过程④
</mx:Metadata>
<mx:Script>
<![CDATA[
import com.events.loginformEvent;
internal function onClick(evt:MouseEvent):void{-执行过程②
var e:loginformEvent=new loginformEvent("loginEvent");-执行过程③
e.name=txt_name.text;
e.password=txt_pwd.text;
dispatchEvent(e);
}
]]>
</mx:Script>
<mx:Label x="42" y="33" text="用户名:" height="22" fontSize="12" fontWeight="bold"/>
<mx:Label x="42" y="76" text="密码:" fontSize="12" fontWeight="bold"/>
<mx:TextInput x="110" y="33" id="txt_name"/>
<mx:TextInput x="110" y="74" id="txt_pwd" displayAsPassword="true"/>
<mx:Button x="110" y="114" label="登录" id="btn_login" fontSize="12"
fontWeight="bold" width="69" click="onClick(event)"/>-执行过程①
</mx:Panel>
2、EventMXML.xml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import com.events.loginformEvent;
internal function login(evt:loginformEvent):void-执行过程⑦
{
if ((evt.name=="zhangsan") && (evt.password=="123")){
Alert.show("你已经成功登录!","提示");
}
else
{
Alert.show("输入信息有误!","提示");
}
}
//下文的 loginEvent="login(event)"类似于以前例子中调用init()函数,然后触发
// init(){
// loginform.addEventListener("loginEven",login);
// }
]]>
</mx:Script>
<ns1:LoginForm x="70.5" y="29" id="loginform" loginEvent="login(event)"> -执行过程⑥
</ns1:LoginForm>
</mx:Application>
3、loginformEvent.as
package com.events
{
import flash.events.Event;
public class loginformEvent extends Event
{
public var name:String="";
public var password:String="";
public function loginformEvent(type:String) -执行过程⑤
{
super(type, false, false);
}
}
}
分享到:
相关推荐
Flex视图切换,自定义控件Demo.rar Flex视图切换,自定义控件Demo.rar Flex视图切换,自定义控件Demo.rar Flex视图切换,自定义控件Demo.rar
Flex 自定义控件(包含源代码)这个已经够开发使用了
flex开发自定义控件
Flex 自定义 时间 日历 控件
详解Flex4.0自定义控件的开发步骤以及注意事项
学习flex,学习开发自定义控件。顶起RIA应用程序!www的下一代技术!
flex自定义的一个IP控件,该IP控件就像我们操作系统里面的IP控件一样。
FLex自定义写的控件,有时间,datagrid,tree,combox等,以及常用的处理字符串,弹出窗口
本人收集了一些在项目中经常用到的自定义控件共享给大家。其中包括树形下拉框,带复选框的树和列表,Tab导航菜单,开关门效果等等。
带有时间、小时分钟、格式化功能的日期控件
该文件为mxml格式的自定义控件,导入项目中就能用非常方便好用.
Flex 自定义的时间控件
几经尝试发现是由于Flex控件在旋转后中文就不显示了,因此做了相应修改以支持中文,并添加了一些删除,增加子组件的方法,以方便编程式的使用。当然如果熟悉了Flex组件的生命周期,可以根据需求增添功能。 对于中文...
重新写的dataFiled,带时分秒选择.很好用.里面有例子.
Flex中如何创建自定义排序DataGrid控件的例子
flex3.2分页控件以及通过flexlib自定义Accordion
一个自定义的拖拽flex控件,可以实现复制拖拽,不复制拖拽,可以拖拽图片,也可以由文字拖拽后变成图片。
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...
自定义flex DateField控件可选择时间,有源码。