Flex3快速入门: Flex 处理事件
2009-07-28 11:11
337 查看
处理事件
Adobe® Flex™ 应用程序是事件驱动的。事件让程序员知道用户何时与界面组件交互, 以及在组件的外观或生命周期中何时发生重要的变化, 如组件的创建或破坏或调整其大小。当组件的实例发出某个事件时, 会通知您注册为该事件的监听器的对象。您在 ActionScript 中定义事件监听器 (也称为事件处理程序) 来处理事件。您在组件的 MXML 声明中或者在 ActionScript 中注册事件的事件监听器。
接收事件通知有三种方式:
在 MXML 中注册事件处理程序
在 MXML 定义中创建线上事件处理程序
通过 ActionScript 注册事件监听器
在 MXML 中注册事件处理程序
获得事件通知的第一个和使用最广泛的方法是在 MXML 中定义事件发生时会调用的事件处理程序。在此示例中, 您为 Button 控件的
click事件定义一个事件处理程序。用户单击 Button 控件时, 事件处理程序会将 Label 控件的
text属性设置为“Hello, World!”。
示例
<?xml version="1.0" encoding="utf-8"?><mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
width="300" height="200"
horizontalAlign="center" verticalAlign="middle"
viewSourceURL="src/HandlingEventsEventHandler/index.html"
>
<mx:Script>
<![CDATA[
import flash.events.MouseEvent;
private function clickHandler ( event:MouseEvent ):void
{
myLabel.text = "Hello, World!";
}
]]>
</mx:Script>
<mx:Panel
title="My Application" horizontalAlign="center"
paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"
>
<mx:Label id="myLabel" width="180" fontWeight="bold" fontSize="24"/>
<mx:Button id="myButton" label="Click Me!" click="clickHandler(event);" />
</mx:Panel>
</mx:Application>
本文来自:http://www.airia.cn/FLEX_Directory/handling_events/
相关文章推荐
- Flex 3快速入门: 处理数据 验证数据
- Flex 3快速入门: 处理数据 格式化数据
- Flex3 快速入门: Flex 组件的定位和布局
- Flex 3快速入门: 处理数据 使用 HTTPService 加载外部数据
- Flex 3快速入门: 处理数据 使用 HTTPService 加载外部数据
- Flex 3快速入门: 处理数据 定义数据模型
- Flex 3快速入门: 处理数据 访问 XML 数据
- Flex 3快速入门: 处理数据 使用数据绑定
- Ember.js 入门指南——处理事件
- Flex 3快速入门: 构建简单的用户界面 定义状态过渡
- Canvas 入门3 Click事件处理
- AsWing入门教程 2.1 事件处理基础
- Android零基础入门第66节:RecyclerView点击事件处理
- Flex 3快速入门: 构建简单的用户界面 控制和使用光标
- Flex 3快速入门: 构建高级用户界面 使用 Repeater 组件
- 快速移动鼠标导致js 的mouseover,mouseout,mouseenter,mouseleave等事件(触发动画)反复叠加的处理
- 快速入门C++ 11(虚继承、错误处理和调试)
- Android零基础入门第33节:Android事件处理概述
- Android零基础入门第34节:Android中基于监听的事件处理