如何在ImageView上定义一些可点击的区域（如HTML图像地图）

Question

假设我有一个 ImageView 显示学校地图：

我想在图像上定义一些可点击的区域（如 HTML 图像映射），如下所示：

Point musicRoom = new Point(30,70);
Point schoolGarden = new Point(120, 80);
Point library = new Point(60, 50);
Point cafetaria = new Point(60, 40);
Point mainOffice = new Point(70, 60);

然后我可以处理每个点上的点击事件，例如点击

musicRoom

点，就会出现一个Toast。或者，如果单击

schoolGarden

点，则会启动另一个活动。

有没有一个库可以轻松实现这一点？我尝试过ClickcableImagesAreas：

implementation 'com.github.Lukle:ClickableAreasImages:v0.1'
implementation 'com.github.chrisbanes:PhotoView:2.0.0'

无法编译，因为该库似乎依赖于旧的硬编码 PhotoView 库

Answer 1

嗨🙋u200d♂️ 您可以使用 imagemap.io 平台来解决这个问题。您可以在此处为可点击区域添加工具提示。 您可以在这里找到示例https://imagemap.io/examples/demo-product