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

【问题标题】：Clickable areas of image (Mouseover event) - Jetpack Compose Desktop图像的可点击区域（鼠标悬停事件） - Jetpack Compose Desktop
【发布时间】：2020-11-16 09:08:55
【问题描述】：

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

【问题讨论】：

标签： android android-jetpack-compose multiplatform compose-desktop

【解决方案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 中的所有组件。

参考：Getting Started with Compose for Desktop - Mouse event listeners

【讨论】：