이거 어떻게 구현해야 할까요?

Question

아래그림을 띄우고 각각의 부위를 클릭하면 해당 부위 별 설명들을 보여주고 싶습니다..

근데 부위별 클릭을 어떻게 구분해야 할까요? 

어떤 방식으로 구현해야 할지 감이 안잡히네요.. 도와주시면 감사하겠습니다.

Answer 1

부위별로 이미지뷰를 만든후에 이미지뷰를 겹쳐서 (투명도를주어서) 출력한후에

해당 이미지가 클릭이되면 처리하면될거에요

 

doridori2013@nate.com

Comments

결국 돼지 이미지랑 각각 부위별 이미지를 다 분리 할 수 밖에 없다는 말인가요..?

Answer 2

각각의 좌표를 정의하고 onTouchEvent를 사용해서 x,y값에 따라 처리하시면 더 세밀한 컨트롤이 가능할겁니다.

Answer 3

저라면.....

일단 이미지에서 글자부분의 영역을  계산해서 해당 Rect 를 배열로 가지고 있고,

또, 각 부위가 모두 들어갈 큰 Rect를 계산해둬서 아래와 같이 처리할 것 같습니다.

 

if( 클릭 좌표가 글자 Rect 배열에 한곳이라도 포함되면) {

// 부위별로 Rect 가 있으니...포함된 Rect의 부위로 계산하면 됨.

}else if(클릭 좌표가 큰 Rect 에 포함되면) {

// 해당 포인트의 색상값을 가지고 각 영역별 RGB 영역 안에 들어오는 지 체크 (그림을 보니 약간만 손보면 될 듯 하네요)

}else {

// 부위 클릭한것 아님

}