Flex3快速入门（3）： Flex 处理事件-优快云博客

本文介绍Adobe Flex应用程序中的事件处理机制，包括事件监听器的定义及在MXML中的注册方法，并通过示例展示了如何响应按钮点击事件并修改界面上的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

处理事件

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>