안드로이드 스튜디오에서 나인패치(9-patch) 이미지 만들고 영역설정하기

공감 및 댓글은 포스팅 하는데  아주아주 큰 힘이 됩니다!! 포스팅 내용이 찾아주신 분들께  도움이 되길 바라며 더 깔끔하고 좋은 포스팅을  만들어 나가겠습니다^^

이번 포스팅에서는 안드로이드 스튜디오에서 기존 이미지 파일을 가지고,

나인패치 이미지를 쉽게 만들고, 늘어나고 줄어드는 영역을 설정하는 방법에 대해서

알아보겠습니다.

먼저 나인패치 이미지는 채팅 앱에서 많이 사용됩니다.

카카오톡 같은 경우를 보면 채팅 내용에 따라 

말풍선의 크기가 꼬다리 뾰족한 쪽과

둥근 모서리들을 제외하고 커졌다가 작아졌다가 하죠, 그 이미지 파일이

.9 즉 나인패치 이미지 파일입니다.

생성방법은 간단합니다.

먼저 이미지 파일을 하나 준비하시고,

우클릭 -> Create 9-Patch file... 을

클릭하면 어디에 생성할 지 디렉토리를 설정하는 창이 뜹니다.

설정되어 있는 디렉토리를 누르고 생성을 하면

아래 이미지 처럼 .9 확장자를 가지는 나인패치 이미지가

생성됩니다.

해당 파일을 열면 에디터가 열리는데요.

여기서 늘어나고 줄어드는 영역을 설정해주면 됩니다.

[ 광고 보고 가시죠! ]

---

---

[ 감사합니다! ]

에디터를 보면 원본과, 세로, 가로, 전체가 늘어났을 때의 예시를 보여줍니다.

이 이미지를 그대로 써도 되지만,

뾰족한 부분을 보게되면 별로 못생기게 늘어나죠??

그래서 늘어나고 줄어드는 영역을 설정해주는 겁니다.

원본 이미지를 보게되면 상하좌우에 1px씩 여백이 있습니다.

그 부분에 좌클릭을해서 늘어날 영역을 드래그 해주면 됩니다.

아래처럼요, 검은 색으로 드래그된 부분이 보이죠.

그렇게 되면 이미지가 늘어날 때나 줄어들 때 검은색 영역들만

늘어나고 줄어들게 됩니다.

뾰족이 부분들도 수정 전보다 좀 이쁘게 되죠?

이상으로 나인패치 이미지 만드는 방법에 대해 알아보았습니다.

이상입니다.

감사합니다.