为支持触摸操作的移动设备创建 ILOG Dojo Diagrammer 应用程序2

look_w

IBM ILOG Dojo DiagrammerIBM ILOG Dojo Diagrammer 是一种具有先进图表处理和图形布局功能的 Dojo widget。ILOG Dojo Diagrammer 的目的在于提供一种解决方案，供 Ajax 应用程序显示由链接连接的节点的图形（或网络）。图表处理组件包括先进的图形布局算法，可自动定位节点、路由链接。
IBM ILOG Dojo Diagrammer 还提供了一组服务 (interactor)，使您能够与节点和链接交互。基本交互包括选择、拖动和缩放。在基于触摸的屏幕出现之前，这些交互通常是通过鼠标或键盘实现的。在最新的版本中，IBM ILOG Dojo Diagrammer 能自动检测支持触摸的设备，并使用户能够通过触摸手势（例如轻敲、拖动或者两指缩放）。
触摸支持IBM ILOG Dojo Diagrammer 可自动检测基于触摸的设备。Diagram widget 支持以下触摸手势：

• 轻敲：用户可以通过直接触摸节点或链接来选中它们。
• 拖动：用户可以将手指放置在屏幕上，并在保持接触屏幕的情况下来回移动。
• 缩小和放大：用户可以用拇指和食指做缩放动作，逐渐缩小或放大。

事件处理支持触摸的设备的事件处理使用 Diagram widget 提供的现成鼠标事件。举例来说，要在用户轻敲一个节点两下时添加一个操作，可以通过 onNodeDblClick 事件的 dojo.connect 使用为鼠标双击事件触发的事件，如清单 1 所示。
清单 1. 将一个触摸事件连接到自定义操作

1 2 3 4

diagram = dijit.byId("diagram"); dojo.connect(diagram, "onNodeDblClick", null, function(node,event){ // your action });

表 1 展示了 Dojo Diagram widget 可以触发的所有事件。       
表 1手势节点中的相关事件链接中的相关事件触碰onNodeMouseDownonLinkMouseDown拖动onNodeMouseMoveonLinkMouseMove触摸并抬起onNodeMouseUponLinkMouseUp轻敲onNodeMouseClickonLinkMouseClick轻敲两下onNodeMouseDblClickonLinkMouseDblClick