使用 Flex 和 Dojo 开发交互式Web应用程序
2010-03-03 00:00:00 来源:WEB开发网这段代码有几个要点,第一,会根据 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 程序中,这就需要从两方面着手工作:
更多精彩
赞助商链接