2017-05-26 126 views
4

我們正在開發用於教育的圖像映射。 老師可以用圖像添加問題。 模式答案基於老師選擇的圖片。圖像觸摸選擇區

例如;

  • 哪個地區代表有金的地區。 enter image description here 後來老師可以通過按下架構答案在圖片 enter image description here

的問題是

  1. 作爲一名教師,選擇正確答案(B和E區)如何做架構的答案與觸摸圖像和什麼樣的價值存儲到數據庫
  2. 作爲一名學生,學生如何能按正確的答案

任何人都可以建議或幫助我?

我是機器人新手..

謝謝!

回答

5

你應該使用兩個不同的圖像。第一張圖片是原始圖片。第二個圖像是「地圖」圖像。地圖圖像包含不同顏色的區域。必須將「地圖」圖像保存到無損壓縮文件(即png)。 在ImageView中顯示原始圖像。 「地圖」圖像必須解碼爲位圖。

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 
    } 
}); 

Map image 對不起,我的英語水平。