自定义事件必须注意几点:
(1)自定义事件通过继承Event类来实现。
(2)自定义事件不可以自己触发,只能有系统事件派发。
了解这两点后现在就可以开始自定义自己的事件了。
首先我们新建一个ActionScript Class,这个Class继承flash.events.Event。
package
{
import flash.events.Event;
public class MyEvent extends Event
{
public function MyEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
{
super(type, bubbles, cancelable);
}
override public function clone():Event
{
// TODO Auto Generated method stub
return new MyEvent(type,bubbles,cancelable);
}
}
}
下面创建一个登录的组件(component),并添加和使用自定义事件
<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="400" height="260" fontSize="22" fontWeight="bold" textAlign="center"
title="用户登录"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Metadata>
[Event(name="myevent", type="MyEvent")]
</fx:Metadata>
<s:Form id="loginForm">
<s:FormItem label="用户名:">
<s:TextInput id="username" textAlign="left"/>
</s:FormItem>
<s:FormItem label="密 码:">
<s:TextInput id="passwd" textAlign="left" displayAsPassword="true"/>
</s:FormItem>
</s:Form>
<s:Button id="registerBtn" x="56" y="160" label="重置"/>
<s:Button id="loginBtn" x="274" y="160" label="登录" click="clickHandle(event)"/>
<fx:Script>
<![CDATA[
private function clickHandle(event:MouseEvent):void {
this.dispatchEvent(new MyEvent("myevent",true,false));
}
]]>
</fx:Script>
</s:TitleWindow>
在主程序中引入刚才新建的component,并触发该
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
xmlns:myLogin = "*"
>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<myLogin:MyLogin id="myLogin" x="278" y="114" myevent="clickedHandle(event)">
</myLogin:MyLogin>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
private function clickedHandle(event:MyEvent):void {
Alert.show("The type of this event is "+event.type+"\nThe currentTarget is "+event.currentTarget+
"\nThe target is "+event.target);
}
]]>
</fx:Script>
</s:Application>
效果如下:
分享到:
相关推荐
教你7步实现flex自定义Event与参数传递.doc
我们就需要使用iClient for Flex的DynamicRESTLayer、TiledDynamicRESTLayer的customServiceParams参数,往后台服务器的REST接口customParams传递一些自定义的参数,然后重新写MapProvider的getMapImage()方法,对...
第9章 自定义Flex Bu1ider3 9.1 优化FlexBuilder性能 9.1.1 项目开发的最佳实践 9.1.2 Eclipse的性能管理 9.2 定制工作台 9.2.1 编辑工作区列表 9.2.2 使用自定义快捷方式 …… 第Ⅲ部分 ...
样式化的Flex组件 Flex元素,不再编写更多自定义Flex样式,因为该死安装yarn add styled-flex-componentornpm i styled-flex-component用法import React from 'react' ;import Flex , { FlexItem } from 'styled-...
flex如何调用webservice中的自定义类,下面有个不错的示例,不了解的朋友可以参考下
导航和自定义 Flash Builder 工作台 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20...
由于上一篇文章《Flex编程注意之Namespace的用法》引出了Flex编译时自带的两个参数:-namespace -include-namespace,正好想到可以写一篇关于Flex Complier时的一些自定义参数。
首先编写一个事件类,继承Cairngorm中的CairngromEvent事件,在派发事件之前把需要传值的参数放到绑定类中去, 得到的一系列参数存储在ValueObject类的公共变量中,ValueObject类是继承cairngrom类中valueobject类的,...
1.4.3 Flash中的事件机制 12 1.5 小结 20 第2章 Flex企业应用开发基础 21 2.1 MXML语言 21 2.1.1 用MXML表示ActionScript对象 22 2.1.2 查看由MXML文件所翻译的ActionScript代码 24 2.1.3 IMXMLObject接口 25 ...
读写 XML 首选参数文件 处理停靠栏和系统任务栏 异步处理本地 SQL 数据库 同步处理本地 SQL 数据库 处理窗口和菜单 控制窗口的显示顺序 创建透明窗口应用程序 创建可调整大小的非矩形窗口 创建片段式窗口 ...
前台分页比较简单,后台分页可以查看源码,自定义三个参数url,dataformat,nodename。 分页的组件与列表脱离,降低耦合性,使用的时候只需要初始化Pager.列表使用组件中的数据源(datas) 提交后台的参数 params....
使用自定义事件以及事件数据传递 1.15节.监听键盘事件 1.16节.定义方法参数 1.17节.检测对象数据类型 1.18节.接口的定义和实现 第二章. 控件与菜单(37) 2.1节. 监听按钮点击 2.2节. 创建一组状态按钮 2.3节. 使用...
设置手机项目首选参数 连接 Google Android 设备 连接 Apple iOS 设备 第 3 章: 用户界面和布局 手机应用程序的布局 在手机应用程序中处理用户输入 定义手机应用程序和启动屏幕 定义手机应用程序中的视图 定义手机...
//flexService是remoteObject名 findByCode是java对应的方法 clickId要带入的参数 gdp.initApp("flexService","findByCode",clickId); 2再要显示表格的canvas下面定义字段类型,对应JSON的属性名。 地区...
我们将探索其他方面:如何交互地查看数据,图形和地图,如何使我们的应用程序对用户执行的操作具有React性,通过按钮,选择器,滑动条或在htmlwidgets中单击动态引入数据和参数以及自定义最终网站的外观和格式。...
使用 Flex 和 Flash Builder 开发手机应用程序 目录 第 1 章: 入门 手机应用程序入门 手机、桌面和浏览器应用程序开发的差异 第 2 章: 开发环境 在 Flash Builder 中创建 Android 应用程序 在 Flash Builder 中...
生成事件处理函数 访问数据服务 监视访问数据服务的应用程序 使用 Flex 库项目 创建自定义 MXML 组件 创建模块 将 Flex 与 HTML 应用程序集成 第 9 章: 结合使用 Flash Builder 和 Flash Professional 创建 Flash...
自定义自己组件的namespace呢 去Adobe那边的compiler参数查找了一下,发现可以利用-namespace、-include-namespaces这两个参数来指定自己的URL。
本项目是基于flex,bison和LLVM,使用c ++ 11实现的类C语法编译器,使用flexbindingyacc对源代码进行词法,语法分析;在语法分析阶段生成整个源代码相应的抽象语法树后,根据LLVM IR(中间表示)模块中定义的中间...
通过参数添加调试(例如,将_profile作为参数发送)。 基本身份验证。 基本AccessControl。 统一响应正文/添加模式。 添加ExceptionalTrait 。 将与ReactPHP一起使用。 清理代码。 集成 。 添加测试。 文献...