具有透明度的 Flex Spark PNG 图像作为按钮答案

【问题标题】：Flex Spark PNG Image with Transparency acting as button具有透明度的 Flex Spark PNG 图像作为按钮
【发布时间】：2015-07-31 19:29:07
【问题描述】：

我有一个具有一定透明度的 PNG 图像，它是 X 的 20px x 20px png 图像。鉴于 X 的形状，命中状态很奇怪，因为它被解释为透明。如何使整个区域 20px x 20px 可点击？

<s:Image id="closeOut" y="10" source="@Embed('/assets/png/X.png')" click="this.visible=false"/>

如果您将鼠标悬停在没有 X 的位置上，那么它通常左右都不可点击。想法？

【问题讨论】：

【解决方案1】：

将图像添加到 20x20px 的组中，并在组上而不是图像上添加鼠标事件。

<s:Group y="10" width="20" height="20" click="this.visible=false">
      //Your image here
</s:Group>

希望这会有所帮助。

【讨论】：

如果我增加 s:Group 的宽度和高度，是否会让用户更加宽容？更大的命中区域？
理想情况下，我推荐它，如果需要，您应该剪切更大的图像。除非您使用 mouseEnabledWhereTransparent 属性并将其设置为 true，否则组可能无法捕获透明区域中的事件。如果您要使用更大的组和相同大小的图像，我建议您将图像的horizontalCenter 和verticalCenter 设置为0，并将图像的宽度和高度保持为20px，使其位于组的中心，或根据您的要求保留它。希望这能回答您的问题。
希望我的 cmets 已经回答了您的问题并且您的问题得到了解决。请接受答案，或者如果您有任何其他问题，请告诉我。谢谢。