这里演示一个完整的例子,
示例说明:一个简单的用户登录,在登录的时候做一些常见的判断,然后提示用户当前登录情况
1、新建工程
2、新建类,自定义事件,并且在类中声明变量用于存放用户名密码
3、新建组件,就是将类库中已经有的控件组合成一个新的组件,比如组合成一个登陆的表单
new -> MXML Component -> 输入名称(LoginForm),并且选择从panel继承 -> finish
然后向组件中拖入label、文本框和按钮,取好名字,保存后会再components中的custom下面就会多了一个LoginForm控件,然后将空间拖到页面中
用MXML标签向LoginForm中添加事件:事件的名称是什么,类型是什么
<mx:Metadata>
[EVENT(name="loginEvent",type="com.anmo.LoginFormEvent")]
</mx:Metadata>
在LoginForm中为点击按钮时注册事件流
然后将事件添加到按钮中,和HTML添加方式一样click="onClick(event)"
4、现在当点击按钮时会发送事件,并且带上用户名、密码,但是没有地方接收,所以要在主页面中接收
<ns1:LoginForm x="256" y="87" id="loginForm" loginEvent="login(event)">
</ns1:LoginForm>
//loginEvent="login(event)"等同于loginForm.addEventListerner("loginEvent",login)
login方法的代码:
———————————————————————————————————————————————————————————
下面是全代码:
主页面:
LoginForm组件:
自定义事件类:LoginFormEvent
示例说明:一个简单的用户登录,在登录的时候做一些常见的判断,然后提示用户当前登录情况
1、新建工程
2、新建类,自定义事件,并且在类中声明变量用于存放用户名密码
package com.anmo
{
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);
}
}
}
3、新建组件,就是将类库中已经有的控件组合成一个新的组件,比如组合成一个登陆的表单
new -> MXML Component -> 输入名称(LoginForm),并且选择从panel继承 -> finish
然后向组件中拖入label、文本框和按钮,取好名字,保存后会再components中的custom下面就会多了一个LoginForm控件,然后将空间拖到页面中
用MXML标签向LoginForm中添加事件:事件的名称是什么,类型是什么
<mx:Metadata>
[EVENT(name="loginEvent",type="com.anmo.LoginFormEvent")]
</mx:Metadata>
在LoginForm中为点击按钮时注册事件流
<mx:Script>
<![CDATA[
import com.anmo.LoginFormEvent;
//定义鼠标单击事件,将用户名、密码带着发送了出去
internal function onClick(evt:MouseEvent):void{
var e:LoginFormEvent = new LoginFormEvent("loginEvent");
e.name = txt_username.text;
e.password = txt_password.text;
dispatchEvent(e);
}
]]>
</mx:Script>
然后将事件添加到按钮中,和HTML添加方式一样click="onClick(event)"
4、现在当点击按钮时会发送事件,并且带上用户名、密码,但是没有地方接收,所以要在主页面中接收
<ns1:LoginForm x="256" y="87" id="loginForm" loginEvent="login(event)">
</ns1:LoginForm>
//loginEvent="login(event)"等同于loginForm.addEventListerner("loginEvent",login)
login方法的代码:
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import com.anmo.LoginFormEvent;
//响应事件,在方法中接收发送的用户名、密码
internal function login(evt:LoginFormEvent):void{
if(evt.name == "anmo" && evt.password == "admin"){
Alert.show("你已经成功登陆","提示");
}else{
Alert.show("对不起,输入的信息有误","提示");
}
}
]]>
</mx:Script>
———————————————————————————————————————————————————————————
下面是全代码:
主页面:
<?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.anmo.LoginFormEvent;
//响应事件,在方法中接收发送的用户名、密码
internal function login(evt:LoginFormEvent):void{
if(evt.name == "anmo" && evt.password == "admin"){
Alert.show("你已经成功登陆","提示");
}else{
Alert.show("对不起,输入的信息有误","提示");
}
}
]]>
</mx:Script>
<ns1:LoginForm x="256" y="87" id="loginForm" loginEvent="login(event)">
</ns1:LoginForm>
</mx:Application>
LoginForm组件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="200" borderColor="#5DD8F2" title="用户登录" fontSize="12">
<mx:Metadata>
[Event(name="loginEvent",type="com.anmo.LoginFormEvent")]
</mx:Metadata>
<mx:Script>
<![CDATA[
import com.anmo.LoginFormEvent;
//定义鼠标单击事件,将用户名、密码带着发送了出去
internal function onClick(evt:MouseEvent):void{
var e:LoginFormEvent = new LoginFormEvent("loginEvent");
e.name = txt_username.text;
e.password = txt_password.text;
dispatchEvent(e);
}
]]>
</mx:Script>
<mx:Label x="72" y="36" text="用户名:" fontSize="12" fontWeight="bold"/>
<mx:Label x="72" y="82" text="密 码:" fontWeight="bold" fontSize="12"/>
<mx:TextInput x="146" y="34" id="txt_username"/>
<mx:TextInput x="146" y="80" id="txt_password" displayAsPassword="true"/>
<mx:Button x="158" y="126" label="登 录" id="btn_submit" fontWeight="bold"
fontSize="12" click="onClick(event)"/>
</mx:Panel>
自定义事件类:LoginFormEvent
package com.anmo
{
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);
}
}
}