耀斑图拖动问题答案

【问题标题】：Flare Graph Dragging Problem耀斑图拖动问题
【发布时间】：2011-01-14 17:34:40
【问题描述】：

我使用 Flare 作为我当前 Flex 项目的首选图形库。一切正常 - 我的图表显示正确，但移动它会带来问题。图表可以在应用程序周围的任何地方移动，甚至在图表的面板/容器之外。它甚至可以放置在按钮和其他 GUI 元素之上。

我需要图表留在其父容器内，只能在其父容器内移动。我花了很多时间尝试其他 Flare/Flex 开发人员推荐的不同方法，但似乎没有任何效果。

我尝试过的一些方法：在图形的父容器上设置矩形边界，将父容器或图形本身放在 sprite 对象中并设置特定的边界，并适当地设置 clipToContent 属性。

我在网上找到了一些 Flare 演示，每个由节点和顶点表示的图形演示似乎都有同样的问题。这让我觉得这是一个 Flare 错误，但我还不想得出这个结论。

非常感谢任何帮助！谢谢。

【问题讨论】：

标签： apache-flex graph flare

【解决方案1】：

我遇到了同样的情况，我通过为我的可视化创建一个掩码解决了这个问题（解决了还是规避了？哈哈）：

--> 在我的 .mxml 中

<mx:Panel width="65%" height="100%" layout="absolute" id="graphPanel">
  <flexvis:FlareVis id="graph" label="Graph" width="100%" height="100%" />  
  <mx:Canvas width="100%" height="100%" id="graphMask" />
</mx:Panel>

--> 在动作脚本中：

var vis:Visualization = graph.visualization;
vis.mask = graphMask;

【讨论】：

【解决方案2】：

有两个不同的问题导致了这个问题。

1) 用于平移和缩放的 hitarea。 -> 在使用 PanZoomControl 时，定义命中区域，如 new PanZoomControl（此处指定命中区域）。有助于解决“鼠标交互超出可视区域导致可视移动”的问题；

2) 控制显示区域的掩码。它将帮助定义显示您的可见性的区域，否则可见性将超出边界。

希望这会有所帮助:)

【讨论】：