나인패치 적용하기

채팅 메시지 말풍선에 사용할 이미지 리소스를 받았다.

우왕 다 쪼개져 있다.

콘텐츠에 맞게 이미지 리소스가 쭉쭉 늘어나려면 나인패치를 적용해야 한다.

이렇게 리소스가 쪼개져서 잘못 보내졌을때, 혹은 리소스가 커서 텍스트가 좌측 정렬될 때!의 해결법을 배웠다.

차후에 바쁜 일정속에 동일한 이슈가 생기면 내가 처리할 수도 있으니, 정신 바짝 차리고 이 기억을 되살려서 재빠르게 처리하자!.!

파워포인트나 포토샵 등등으로 기존 디자인과 상관없이(비슷하게) 통으로 된 말풍선 이미지를 만든다.

반드시 PNG 파일로 저장한다.

안드로이드 스튜디오로 돌아와서 res - drawable 폴더에 해상도별로 리소스를 추가한다.

프로젝트를 Android 보기 모드로 전환하고, 추가한 리소스를 우클릭해서 Create 9-Patch File... 메뉴를 클릭한다.

그러면 이렇게 나인패치용 파일이 생성된다.

그 파일을 클릭해서 열면 이런 광경이 펼쳐진다.

우선 아래쪽에서 Show content와 Show patches를 체크한다.

그리고 세로선과 가로선을 움직여서 콘텐트 영역과 늘어날 패치 영역을 설정해준다.

우측의 프리뷰에서 예상 경우의 수들을 확인할 수 있다.

끝!