如何设置鼠标单击以不击中透明像素

Question

想象一个绘画程序。 我有两个相互重叠的图像。 如果单击上面的透明部分，则必须能够单击后面的图像。

我在每个图像上添加一个事件侦听器。 因此，我必须阻止第一个调度click事件，以防止后面的调度事件。

（我的意思是，我已经检查了透明像素，但是我不能取消该事件给其他分配它的图像。）

Answer 1

有一些肮脏的解决方案。 假设您的“图像”封装在Sprites中，否则您无法将侦听器附加到Bitmap对象或Shape对象。 MovieClips-好吧，尽管检查Alpha难度要大得多，但它仍然应该可以正常工作。 您的听众已附加到这些精灵上。 首先，该精灵本身可以检查透明度，如果不透明，则继续进行该事件。 要获取后面的内容，可以调用stage.getObjectsUnderPoint() ，这将返回一个DisplayObjects数组，前景在最上面。 因此，您可能只有一个侦听器可以调用此方法来枚举要点，然后按照Roman Trofimov的建议确定对象的透明度。 找到不透明的对象后，您可以执行以下操作：

// "b" is a non-transparent DisplayObject found beforehand
while (b && (!(b is InteractiveObject))) b = b.parent;
if (b) {
    var p:Point = new Point(e.stageX, e.stageY);
    p = b.globalToLocal(p);
    b.dispatchEvent(new MouseEvent('click', true, true, p.x, p.y)); 
}

这会将click事件调度到能够接收事件的对象，并且它不透明，足以遮盖背景。

Answer 2

MovieClip属性“ mouseEnabled”可以防止在其他对象前面的对象上触发单击事件，例如，拍摄两个相同大小和相同位置的影片剪辑：

mc1.addEventListener(MouseEvent.CLICK, click1);
function click1(e:MouseEvent) : void
{
  trace("1");
}

mc2.addEventListener(MouseEvent.CLICK, click2);
function click2(e:MouseEvent) : void
{
  trace("2");
}

mc1.mouseEnabled = false;

由于点击实际上会“通过” mc1，因此输出将为“ 2”。

Answer 3

在flex中，您可以向组件添加mouseEnabledWhereTransparent =“ false”。 虽然不确定是否可以使用该变量

Answer 4

通常，您总是会从第一个精灵获得第一个事件（如果不是捕获阶段或优先级更改）。 但是据我了解，您需要检查它是否透明，如果不透明，请停止冒泡此事件。

要停止事件-在事件处理程序中使用event.stopImmediatePropagation() 。

要确定透明度：

1）如果只是一个位图，则可以使用.bitmapData方法检查其.getPixel32 ，它返回您的alpha值。

2）如果它是组合的精灵（矢量和位图），则需要使用BitmapData.draw手动将其渲染为Bitmap，然后使用第二种情况的解决方案

3）要了解它是否绝对是单击遗漏，可以尝试以下方法： 检查透明度