图像触摸选择区域

Ner*_*ere 4 svg android

我们正在开发用于教育的图像映射.老师可以用图像添加问题.模式答案基于教师选择的图像.

例如;

  • 哪个区域代表有金的区域. 在此输入图像描述 然后教师可以通过按下图片上的模式答案来选择正确的答案(B和E区) 在此输入图像描述

问题是

  1. 作为教师,如何通过触摸图像和存储到数据库中的值来进行模式回答
  2. 作为学生,学生如何按正确的答案

有人可以建议或帮助我吗?

我是android的新手..

谢谢!

Use*_*erX 5

你应该使用两个不同的图像.第一张图片是原始图片.第二个图像是"地图"图像.地图图像包含不同颜色的区域.必须使用无损压缩(即png)将"Map"图像保存到文件中.原始图像显示在ImageView中.必须将"Map"图像解码为Bitmap.

 final ImageView imageView = ...; //TODO: bind imageView
 imageView.setImageResource(R.drawable.original_image);
 final Bitmap map = ...; //TODO: load map bitmap
 imageView.setOnTouchListener((v, event) -> {
     final int x = event.getX();
     final int y = event.getY();
     final float scale = ...//TODO calc image scale;
     final int realX = (int) (x * scale);
     final int realY = (int) (y * scale);
     final int color = map.getPixel(realX, realY);
     if (color == Color.RED) {
         //Correct answer!
     } else {
        //something else
     }
});
Run Code Online (Sandbox Code Playgroud)

地图图片 对不起我的英语不好.