마스터Q&A 안드로이드는 안드로이드 개발자들의 질문과 답변을 위한 지식 커뮤니티 사이트입니다. 안드로이드펍에서 운영하고 있습니다. [사용법, 운영진]

샘플이미지처럼 UI를 만들 수 있는지 답변좀 부탁드립니다..

0 추천

개발 기획단계에서 위와같은 화면 디자인이 나와서 오늘하루 작업을 해보았으나..

결과를 얻어내지 못하고 이렇게 질문을 올리게되었습니다..

어떤 미션을 진행한다는 가정하에 7번 진행한 경우 왼쪽 BG는 녹색바탕에 쥐색 텍스트로,

남은 3번(30%)은 쥐색바탕에 텍스트는 녹색으로 표현하는 것인데..

spannable 처럼 글자 부분 부분의 색상을 변경하는것이아니라 배경색상에 따라 텍스트색상이

변하는 UI라.. textview를 따로 만들어 onDraw단에서 마스크를 씌우는것처럼도 해보았는데 원하는 결과는 나오지 않았습

니다.. (검색결과 Xfermode라는것이 있어서 적용해보았지만.. 이방법으로도 결과를 얻지는 못했습니다..)

플래시같은곳에서는 자주 사용하는 UI라고하는데.. 플래시쪽과 비슷한 draw부분을 이용하면 될것도같은데..

감이 잘 오지 않습니다... 

혹시 이부분에 대해서 아시는분이 계시다면..

가능여부와, 가능하다면 어떤부분을 참고하면 좋을지 답변좀 부탁드리겠습니다.

Hazelnut (120 포인트) 님이 2014년 8월 26일 질문

1개의 답변

+1 추천
비트맵 2장이면 아주 손쉽게 구현 가능 하겠네요~~!

생각을 좀만 넓혀 보세요~~!

글의 색이 바뀌는것이 아니라 겹쳐진 이미지를 일부만 보여준다고 생각해 보세요~~!

참 쉽죠잉????
ThisPlus (46,920 포인트) 님이 2014년 8월 28일 답변
답변이 안달릴줄 알았는데 ㅠㅠ 감사합니다..
그런데..달아주신 답변을 바탕으로 작업을 해보았으나.. 아직 감이 잘 오지않고있습니다..
onDraw에 drawText를 사용한 후에 일정부분을 가려주려는 작업을 해보려했으나..
일정부분만 가리는 방법에서 자꾸 막히고있습니다..
(Bitmap이나 이미지를 이용한다면 한장은 밑에 깔고 한장은 위에올려서
mask를 씌워서 일정부분만 보여줄 수 있겠는데..
이미지가 아닌 text를 위에 내용처럼 작업하려하니 막막하네요 ㅠㅠ)
달아주신 답변에 대해 잘못 접근한것인지...
조금 더 도움을 주시면 감사하겠습니다...
조금 다른방법이지만..
canvas clip을 사용하여 해결하였습니다.
다시한번 답변 달아주신점에 감사드립니다^^
잘못 접근 하셨습니다~~!
충분한 힌트가 될거라 믿었는데....
이미지가 2장이 필요 하다 함은 이미 텍스트까지 전부 그려진 이미지를 말하는 겁니다.
즉 녹바탕에 원하는 검정글씨가 쓰여진 이미지와 검정바탕에 녹색이미지가 쓰여진 이미지 2장이죠~!
이제 감이 잡히시나요???
아래 녹바탕의 이미지는 항상 풀이미지를 보여주게 됩니다~!
그리고 그위에 검정바탕의 이미지가 덧씌워져 아래의 녹바탕 이미지는 보이지 않게 됩니다.
이제 상단의 검정 이미지를 원하시는대로 잘라 뿌려주시면... 됩니다..
말로 설명 하려니 힘드네요..
감이 잡히시나요??
마스크 그런거 필요도 없습니다~!
비트맵 크기 조절만 할줄 안다면 너무나도 쉽게 구현 가능합니다~!
참고로 저도 심심해 한번 구현 해봤습니다만... 코드10줄도 안나옵니다~!
아마도 제가 잘못접근한 이유가 이미지라는 단어때문인것같습니다.
답변 내용에서의 이미지는 Bitmap 생성 후 배경을 칠하고
Text를 추가한 것을 의미하시는것같은데..
처음 답변을 받았을 당시에는 이미지를 단어 그대로 받아들인 부분이있었습니다...
지금 이미지를 다른뜻으로 이해하니 말씀하신 내용데로 접근을하면 해결될 문제라고생각하네요^^;
...