圖像的可點擊區域（鼠標懸停事件） - 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 桌面版入門 - 鼠標事件偵聽器