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

Question

知道如何处理图像上的可点击区域吗？如果在桌面模式下（是的，桌面模式现在可用；请参阅https://www.jetbrains.com/lp/compose）有类似的东西onMouseover，那么当鼠标悬停在视图上时视图会突出显示，那就太好了。

Answer 1

在桌面撰写中，您可以使用输入指针实现鼠标悬停操作。

例子：

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 for Desktop 入门 - 鼠标事件侦听器