图像的可点击区域（鼠标悬停事件） - Jetpack Compose Desktop

Question

知道如何处理图像上的可点击区域吗？ 如果在桌面版本中（是的，桌面模式现在可用 :) https://www.jetbrains.com/lp/compose/ ）他们有像onMouseover这样的东西，所以当鼠标悬停时它们可以突出显示，那就太好了。

Answer 1

在 Desktop Compose 中，您可以使用输入指针实现鼠标悬停操作。

例子：

Image(imageResource("circus.jpg"), Modifier.size(200.dp)
  .pointerMoveFilter(
    onEnter = {
      println("On Mouse(pointer) Enter")
      false
    },
    onExit = {
      println("on Mouse(pointer) Exit")
      false
    }))

注意： pointerMoveFilter是Modifier的扩展函数，因此它不仅适用于图像，我们还可以将其用于 Desktop Compose 中的所有组件。

参考： Compose 桌面版入门 - 鼠标事件侦听器