在 dataGrid 中拖放，拖动期间自定义光标不起作用

Question

我有一个数据网格，我希望用户对其行进行排序。为了明显地表明它是可排序的，我正在实现一些自定义游标。但是当我实际拖动一个项目时遇到了问题。

这是问题的伪演示

应用程序 = 正常光标 // 很好

滚动数据网格 = 打开手形光标 // 到目前为止，

数据网格上的鼠标按下 = 闭合手形光标 // 良好的

拖动项目 = 闭合手形光标 // 切换回正常光标（如果我快速移动它，我可以立即看到我的自定义光标）

将鼠标放在 datadrid = 张开的手形光标上 // 不确定，在我放下它后，它会返回到张开的手形，但如果我按下鼠标，则不要移动并向上移动鼠标我有一个闭合的

手卷展数据网格=正常光标//良好的

数据网格代码：

<mx:DataGrid id="sectQuestionsDG" x="10" y="204" width="558" height="277" headerHeight="0" selectable="{editMode}"
dragMoveEnabled="{editMode}" dragEnabled="{editMode}" dropEnabled="{editMode}"
dragDrop="sectQuestReOrder(event);" rollOver="over();" mouseDown="down();" mouseUp="up();" rollOut="out();"/>

功能：

public function over():void{
CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,0,0);
}
public function down():void{
CursorManager.setCursor(grabbingCursor,CursorManagerPriority.HIGH,0,0);
}
public function up():void{
CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,0,0);
}
public function out():void{
CursorManager.removeAllCursors();
}

编辑12/17/09： 我已经取得了一点进展，我现在正在 rollOver 上执行此操作，

var styleSheet:CSSStyleDeclaration = StyleManager.getStyleDeclaration("DragManager");
styleSheet.setStyle("moveCursor", grabbingCursor);
CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW);

这给了我正确的翻转和正确的拖动，但是如果我尝试添加任何 函数来 rollOut 它再次搞砸了，所以现在我被抓取光标困住了。它 似乎当我在 dataGrid 上设置 rollOut 时，它会为每一行触发，相同 使用 mouseOut，有什么办法可以避免这种情况吗？

编辑 2009 年 12 月 21 日： 对于数据网格中的每个项目，滚动/鼠标移出/过火是已确认的事情。我需要的解决方案是如何防止这种情况发生，并且仅当用户将鼠标移出整个数据网格时才触发它。我需要灵活地看到森林，而不是树木。

附言。当我拖动时，卷展栏只会在每个项目上触发。 mouseout 会在每个项目上触发，无论

---

编辑 2009 年 12 月 21 日，当天结束：
我已经设法回答了我自己的问题，所以我的赏金代表对我来说失去了:-(无论如何，因为我的回答解决了我的问题，我将向任何可以回答这个问题的人授予赏金。我的解决方案使用 AS 来删除 rollOut/rollOver 而在 dataGrid 中，如何在不删除 rollOut/rollOver 的情况下获得相同的结果（以便在将另一个项目拖动到每个项目上时不会触发 rollOut）？

Answer 1

如果您进行拖动时不需要更改光标，为什么不使用 DragManager 的属性 isDragging 呢？并且不要忘记检查 dragExit 事件，以防您落在数据网格之外。

注意
有时光标在放置后会保持拖动形状，因此您可以在 sectQuestReOrder 中删除光标并将其设置回 over 状态。

示例：

public function over(evt:Event):void{ //on mouse over, added with AS
  if (DragManager.isDragging) // you are dragging so no cursor changed
   return;

  CursorManager.removeAllCursors();
  CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,-7,-7);
  var styleSheet:CSSStyleDeclaration = StyleManager.getStyleDeclaration("DragManager");
  styleSheet.setStyle("moveCursor",grabbingCursor); //style set for the drag cursor
}
public function down(evt:Event):void{ // on mouse down
    CursorManager.removeAllCursors();
    CursorManager.setCursor(grabbingCursor,CursorManagerPriority.LOW,-7,-7);     
}
public function up(evt:Event):void{
    CursorManager.removeAllCursors();
    CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,-7,-7);
}
public function out(evt:Event):void{
 if (DragManager.isDragging) // you are dragging so no cursor changed
  return;
 CursorManager.removeAllCursors();
}
public function sectQuestReOrder(e:Event):void{
    // sometime you will be stuck with the moving cursor
    // so after the drop done reset cursor to what you want
 CursorManager.removeAllCursors();
 CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,-7,-7);
 ...
}
public function onDragExit(e:Event):void {
    // in case you go out of the datagrid reset the cursor
    // so when you do a drop outside you ll not get one of your dragging cursor
 CursorManager.removeAllCursors();
}

并在网格中添加 DragExit

 <mx:DataGrid 
      id="sectQuestionsDG" 
      x="10" y="204" width="558" height="277" headerHeight="0" 
      selectable="{editMode}"
      dragExit="onDragExit(event)"
      dragMoveEnabled="{editMode}" 
      dragEnabled="{editMode}"
      dropEnabled="{editMode}"
      dragDrop="sectQuestReOrder(event);" 
      rollOver="over(event);" 
      mouseDown="down(event);" 
      mouseUp="up(event);" 
      rollOut="out(event);"/>

Answer 2

我会查看 mouseOut 事件并确定当您在拖动过程中移动鼠标时它是否会触发。我见过这样的情况：拖动的对象不完全随鼠标移动，并且在很短的时间内，鼠标实际上悬停在另一个对象上（导致 mouseOut 事件触发，从而改变光标）。

Answer 3

好的，请给加布里埃尔一些支持，让我的思想摆脱困境，并以完整模式回到这个问题。我必须经过几个步骤才能得到我的答案

1）从 mxml 中删除 rollOver、rollOut 和 mouseUp 的侦听器，并通过 AS 中的 addEventListener 方法添加 rollOver 和 rollOut

2）将侦听器 DragComplete 添加到 mxml 并分配之前分配给 mouseUP 的函数

3) 将 main 函数更改为：

public function over(evt:Event):void{ //on mouse over, added with AS
    CursorManager.removeAllCursors();
    CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,-7,-7);
    var styleSheet:CSSStyleDeclaration = StyleManager.getStyleDeclaration("DragManager");
    styleSheet.setStyle("moveCursor",grabbingCursor); //style set for the drag cursor
}
public function down(evt:Event):void{ // on mouse down
    CursorManager.removeAllCursors();
    CursorManager.setCursor(grabbingCursor,CursorManagerPriority.LOW,-7,-7);
    sectQuestionsDG.removeEventListener(MouseEvent.ROLL_OVER,over);
    sectQuestionsDG.removeEventListener(MouseEvent.ROLL_OUT,out);
    //this is why I had to take it off the mxml, can only remove listeners
    //added with the addEventListener, I don't remember where I read that.
}
public function up(evt:Event):void{
    CursorManager.removeAllCursors();
    CursorManager.setCursor(grabCursor,CursorManagerPriority.LOW,-7,-7);
    sectQuestionsDG.addEventListener(MouseEvent.ROLL_OVER,over);
    sectQuestionsDG.addEventListener(MouseEvent.ROLL_OUT,out);
}
public function out(evt:Event):void{
    CursorManager.removeAllCursors();
}