使用 Flex 和 Dojo 开发交互式Web应用程序

核心提示： 这段代码有几个要点，第一，使用 Flex 和 Dojo 开发交互式Web应用程序(7)，会根据 isButton 参数和 zoomEffect.originX 的值来判断图片放大缩小的焦点位置，如果满足如第 9 行 code 所列举的条件则按照图片中心位置进行缩放，所采用的处理方式如下：将图片作

这段代码有几个要点，第一，会根据 isButton 参数和 zoomEffect.originX 的值来判断图片放大缩小的焦点位置，如果满足如第 9 行 code 所列举的条件则按照图片中心位置进行缩放，否则按照鼠标点击位置进行缩放；第二，图片缩放的倍数值事先配置到数组 scaleSize[] 中，然后会根据 factor 参数指定具体的缩放倍数。

为了提高应用程序和用户的交互性，势必需要满足客户的如下要求：

鼠标左键点击图片放大，右键点击图片缩小

鼠标左键点击保持时可拖拽图片

为了实现这样的功能，需要克服两个障碍：第一，屏蔽 Flex 右键菜单并捕获鼠标右键点击事件；第二，区分图片拖拽和图片缩放功能。为此，将采用的解决办法如下：

在 Flex 应用程序中定义一个接口函数接收用户右键点击事件，并用 mouseUp 处理函数实现这个鼠标事件函数；另一方面，在 JSP 代码中阻止鼠标右键事件向下传递并调用 Flex 外部函数。

至此，一个简单的 Flex 应用程序就构建完毕了，接下来可以将这个 Flex 应用程序集成到 Web 项目中。

如何与 Web 项目的集成

首先，在 Flex Builder 中通过选择

Project -> Export Release Build

来生成图片处理程序的 SWF 部署文件。接下来讲解如何将这个 SWF 文件与 Web 项目集成，并在 JSP 中调用 Flex 程序所提供的功能，具体的事例如下：

在某些具体的应用场景中，可能需要针对一组图片列表中的某张图片提供图片处理的功能，这样就存在一个问题，如何将图片应用到基于 Flex 的图片处理程序中去。

在这里，所采用的处理方式如下：将图片作为输入源，通过调用图片处理程序向外暴露的接口，以参数传递的方式将图片文件应用到 Flex 程序中，这就需要从两方面着手工作：