扩大悬停区域？

Question

扩大某个组件的悬停区域的“正确”方法是什么？换句话说，当我的鼠标指针比某个距离 X 更近时，如何将组件的状态变为悬停状态？我可以想到很多方法来做到这一点，但它们似乎都是 hack，我很好奇是否有人对更好的设计方法来做这样的事情有强烈的感觉。

既然我们在这里，你如何使组件的 alpha 与鼠标光标与组件的距离成比例，以便在我们接近它时组件淡入？再次，我可以想到各种 hack，但不确定什么是干净的方法。

谢谢！

f

Answer 1

我建议将组件置于 Canvas 内，该 Canvas 的大小可按所需数量填充目标组件。然后，您可以收听 Canvas 的鼠标悬停并触发您的逻辑以启用悬停。这对我来说似乎是最干净的方法 - 或者，您可以在舞台上监听 mousemove 并不断检查鼠标与目标组件的距离......但这似乎很混乱。

至于 alpha，我会采取类似的方法。让 alpha 容器的外边缘表示最小 alpha，而内边缘表示最大 alpha。如何在两者之间进行缩放（线性等）取决于您。