为了实现degrafa创建的canvas上多个surface的单独选中拖动效果,狠狠研究了一下flex页面的鼠标事件!
Application页面事件:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
backgroundColor="#ffffff" xmlns:src="src.*" mouseDown="OnMouseDown(event)"
mouseMove="OnMouseMove(event)" mouseUp="OnMouseUp(event)"
xmlns:event="event.*" xmlns:eventtest="eventtest.*">
<eventtest:eventcanvas>
</eventtest:eventcanvas>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.events.MouseEvent;
//鼠标按下响应事件
public function OnMouseDown(event:MouseEvent):void
{
// trace("MOUSE DOWN");
// Alert.show("MOUSE DOWN");
}
public function OnMouseMove(event:MouseEvent):void
{
// trace("MOUSE Move");
}
//鼠标抬起响应事件
public function OnMouseUp(event:MouseEvent):void
{
//如果鼠标左键按下
// trace("MOUSE UP");
// Alert.show("MOUSE UP ");
}
]]>
</mx:Script>
</mx:Application>
在运行页任何位置点击鼠标,按下,移动和抬起事件都会正常响应。但是如果把事件定义在application页的script,而把侦听事件给application的一个canvas,那么点击canvas,无法响应它侦听的事件,必须给canvas上放一个button才能响应出事件。
分享到:
相关推荐
1. **Flex布局基础**: - **Flex容器**:设置`display: flex`或`display: inline-flex`的元素成为Flex容器,其内部的子元素称为Flex项目。 - **主轴和侧轴**:默认情况下,主轴是水平方向,侧轴是垂直方向。可以...
总之,理解Flex事件运行流程,特别是`applicationComplete`和`creationComplete`事件,对于编写高效、响应式的Flex应用至关重要。在实践中,熟练掌握这些事件可以帮助开发者更好地控制组件的创建、初始化和显示时机...
理解和熟练掌握Flex的事件机制对于构建高效、响应迅速的应用程序至关重要。通过合理利用事件的捕获、目标和上浮三个阶段,开发者可以更精细地控制应用程序的行为,并确保用户交互流畅自然。此外,了解如何手动触发...
在Flex应用开发中,处理各种用户交互和事件响应是不可或缺的一部分,而手动编写这些事件处理代码往往耗时且易出错。 此代码生成器能够帮助开发者自动创建与UI组件相关的事件监听器和处理函数。例如,当需要为按钮...
Flex事件机制是Adobe Flex应用...总结,Flex事件机制是构建交互性应用的基础,理解并熟练掌握它能够帮助开发者编写出更加高效、响应迅速的Flex应用程序。通过合理地组织和管理事件,可以提高代码的可维护性和用户体验。
1. **事件机制**:事件是Flex中的一种通信方式,当特定条件满足时,事件被触发并沿着事件流传播。例如,`MouseEvent`类型的事件在鼠标操作后发生,如`click`事件,表示用户点击了鼠标。当事件被触发时,已注册的事件...
- 要响应自定义事件,需要在目标组件上添加事件监听器。可以使用`addEventListener()`方法,传入自定义事件的类型、监听函数和可选的捕获阶段参数。 5. **处理事件** - 监听函数将被调用,当自定义事件被派发时。...
Flex ActionScript3.0事件机制的Demo, 举例说明了事件的三个阶段,事件的派发,事件的侦听,事件的拦截,自定义事件等相关知识点. 以上知识点在Demo中都有体现,初学者请仔细分析代码,加强理解,多调试、修改、验证以加深...
1. **设置消息监听器**:在Java服务器端,你可以添加消息监听器来接收来自Flex客户端的事件。例如,你可以创建一个实现了`MessageBroker.MessageListener`接口的类,然后注册到消息代理上。 2. **AMF通道**:Flex...
Flex 事件机制是 Flex 应用程序中不可或缺的一部分,它使得组件之间能够有效地通信,响应用户交互以及管理应用程序状态。在深入理解 Flex 事件机制之前,我们需要先了解一下基本概念。 1. **事件的概念** 事件可以...
1. **事件类型**:Flex定义了一系列事件类型,包括但不限于`MouseEvent`、`KeyboardEvent`、`FocusEvent`、`TouchEvent`等,覆盖了各种常见的用户交互行为。 2. **事件传播**:Flex事件遵循捕获、目标、冒泡三个...
1. **事件类型**:Flex提供了多种内置事件类型,如`initialize`(初始化事件)、`creationComplete`(创建完成事件)、`render`(渲染事件)、`change`(数据更改事件)、`click`(点击事件)等。开发者也可以自定义...
1. **事件模型**:Flex采用发布/订阅模型处理事件,事件源(如UI组件)发布事件,而感兴趣的接收者(监听器)则订阅这些事件。事件源在特定事件发生时会触发事件,监听器接收到事件后执行预定义的处理函数。 2. **...
事件在Flex应用开发中占据了核心地位,它们不仅确保了用户界面的响应能力,还使开发者能够通过用户输入和系统状态变化来控制程序逻辑。 #### 二、事件的概念与重要性 **事件**是ActionScript 3.0和Flex开发的基础...
事件机制使得开发者能够轻松响应用户交互和系统事件,为Flex程序员提供了强大且直观的处理工具。 首先,Flex事件是用户与应用程序交互的关键。事件是ActionScript 3.0中的核心概念,它们在DOM3事件模型的基础上进行...
### Flex自定义事件详解 Flex 是一款用于构建和部署跨平台桌面应用与移动...为了响应自定义事件,我们需要在感兴趣的组件上添加事件监听器。例如,在另一个MXML文件中,我们可以这样监听`MY_CLICK`事件: ```xml ...
通过深入了解和应用这些Flex控件事件,开发者能够构建更加动态和响应式的Flex应用程序,提供丰富的用户交互体验。在实际开发过程中,结合MXML和ActionScript的使用,可以灵活地控制事件处理逻辑,提升程序的灵活性...
这些事件由内置组件触发,并可以通过addEventListener方法添加监听器来响应。每个事件都有其独特的含义和用途,理解这些事件可以帮助我们编写更高效的代码。 自定义事件是扩展Flex事件处理能力的重要手段。当你需要...
Flex事件机制是Adobe Flex框架中一个关键的概念,它允许组件之间通过事件进行通信。在Flex中,事件机制的分发主要包括三个主要阶段:捕获阶段、目标阶段和冒泡阶段。下面将详细介绍这些阶段以及自定义事件的创建与...