Flex4 事件机制2

2024-05-13 14:18
文章标签 事件 机制 flex4

本文主要是介绍Flex4 事件机制2,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 在Flex开发中,很多时候需要在父子组件之间传递数据,通过事件可以实现数据的传递,现在写一个简单的例子,在一个Flex应用中有一个TextArea,并且引入了一个自定义组件,自定义组件中有一个Button,点击这个Button,传递一个字符串在TextArea中显示。详细过程如下:

       1. 创建主应用文件和自定以组件。

       EventTest.mxml

<?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:components="components.*"><s:layout><s:VerticalLayout/></s:layout><s:TextArea id="textArea" /><components:component1 id="component" />
</s:Application>

 components/component1.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"><s:Button label="显示内容" />
</s:Group>

  2. 点击子组件的按钮会抛出一个事件,这个事件可以被主应用捕捉到并进行处理,显然这个事件需要我们自定义。

       events/TestEvent.as,在实际开发中,并不推荐以My起头作为类名,这里只是用于测试。

package events
{import flash.events.Event;	/*** 自定义事件* */public class TestEvent extends Event{/*** 显示信息* @default */public static const SHOWINFO:String = "showInfo";		/*** 存储数据* @default */public var data:*;		/*** * @param type 事件类型* @param bubbles 事件是否可以冒泡,true为可以,false为不可以* @param cancelable 事件是否可以取消,true为可以,false为不可以*/public function TestEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false){super(type, bubbles, cancelable);}}
}

    Flex中声明常量使用const,并且不需要var关键字,final用于声明方法和类,详情请查看Flex API,在实际开发中,可以把自定义事件按功能类别来划分,就像Flex中包含的那些事件一样。

       3. 在自定义组件中将事件抛出,在components/component1.mxml中加入如下代码。

<fx:Script><![CDATA[import events.MyEvent;// 点击button触发的函数protected function buttonClickHandler(event:MouseEvent):void{var myEvent:TestEvent = new TestEvent(TestEvent.SHOWINFO);myEvent.data = "哈哈";this.dispatchEvent(myEvent);}]]>
</fx:Script>
<fx:Metadata>[Event(name="showInfo", type="events.TestEvent")]
</fx:Metadata>

这里在metadata标签下声明了showInfo事件,这样,在主应用中引入的自定义组件中就会有showInfo事件属性。

       4. 在主应用中捕获事件,并处理,EventTest.mxml改变成如下代码。

<?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:components="components.*"><fx:Script><![CDATA[import events.TestEvent;protected function componentShowInfoHandler(event:TestEvent):void{textArea.text = event.data;}]]></fx:Script><s:layout><s:VerticalLayout/></s:layout><s:TextArea id="textArea" /><components:component1 id="component" showInfo="componentShowInfoHandler(event)" />
</s:Application>

 这里要说明一下,有两种处理方式,第一种就是这样,在子组件的metadata标签中声明了showInfo事件,如果没有声明,就找不到showInfo属性了,只能通过component.addEventListener(TestEvent.SHOWINFO, componentShowInfoHandler);这种方式来处理。

这篇关于Flex4 事件机制2的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/985937

相关文章

Android ClassLoader加载机制详解

《AndroidClassLoader加载机制详解》Android的ClassLoader负责加载.dex文件,基于双亲委派模型,支持热修复和插件化,需注意类冲突、内存泄漏和兼容性问题,本文给大家介... 目录一、ClassLoader概述1.1 类加载的基本概念1.2 android与Java Class

Spring事务传播机制最佳实践

《Spring事务传播机制最佳实践》Spring的事务传播机制为我们提供了优雅的解决方案,本文将带您深入理解这一机制,掌握不同场景下的最佳实践,感兴趣的朋友一起看看吧... 目录1. 什么是事务传播行为2. Spring支持的七种事务传播行为2.1 REQUIRED(默认)2.2 SUPPORTS2

MySQL中的锁机制详解之全局锁,表级锁,行级锁

《MySQL中的锁机制详解之全局锁,表级锁,行级锁》MySQL锁机制通过全局、表级、行级锁控制并发,保障数据一致性与隔离性,全局锁适用于全库备份,表级锁适合读多写少场景,行级锁(InnoDB)实现高并... 目录一、锁机制基础:从并发问题到锁分类1.1 并发访问的三大问题1.2 锁的核心作用1.3 锁粒度分

Redis的持久化之RDB和AOF机制详解

《Redis的持久化之RDB和AOF机制详解》:本文主要介绍Redis的持久化之RDB和AOF机制,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述RDB(Redis Database)核心原理触发方式手动触发自动触发AOF(Append-Only File)核

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg

Maven 配置中的 <mirror>绕过 HTTP 阻断机制的方法

《Maven配置中的<mirror>绕过HTTP阻断机制的方法》:本文主要介绍Maven配置中的<mirror>绕过HTTP阻断机制的方法,本文给大家分享问题原因及解决方案,感兴趣的朋友一... 目录一、问题场景:升级 Maven 后构建失败二、解决方案:通过 <mirror> 配置覆盖默认行为1. 配置示

Redis过期删除机制与内存淘汰策略的解析指南

《Redis过期删除机制与内存淘汰策略的解析指南》在使用Redis构建缓存系统时,很多开发者只设置了EXPIRE但却忽略了背后Redis的过期删除机制与内存淘汰策略,下面小编就来和大家详细介绍一下... 目录1、简述2、Redis http://www.chinasem.cn的过期删除策略(Key Expir

Go语言中Recover机制的使用

《Go语言中Recover机制的使用》Go语言的recover机制通过defer函数捕获panic,实现异常恢复与程序稳定性,具有一定的参考价值,感兴趣的可以了解一下... 目录引言Recover 的基本概念基本代码示例简单的 Recover 示例嵌套函数中的 Recover项目场景中的应用Web 服务器中

Jvm sandbox mock机制的实践过程

《Jvmsandboxmock机制的实践过程》:本文主要介绍Jvmsandboxmock机制的实践过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、背景二、定义一个损坏的钟1、 Springboot工程中创建一个Clock类2、 添加一个Controller

Dubbo之SPI机制的实现原理和优势分析

《Dubbo之SPI机制的实现原理和优势分析》:本文主要介绍Dubbo之SPI机制的实现原理和优势,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Dubbo中SPI机制的实现原理和优势JDK 中的 SPI 机制解析Dubbo 中的 SPI 机制解析总结Dubbo中