Nine-Patch
- 동적 비트맵 이미지
- 나인 패치를 배경 이미지로 사용하면 안드로이드가 컨텐츠 크기에 따라서 자동적으로 배경 이미지의
사이즈를 조절하게 된다.
- 예를 들어 버튼의 경우 버튼 안의 문자열 길이에 따라 버튼이 가변적으로 늘어나게 된다.
- 가장 자리에 1px의 라인을 포함하는 표준 PNG로써, 확장자는 반드시 '이름.9.png' 형태로 저장되어야한다.
참고 ::
http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch
http://developer.android.com/guide/developing/tools/draw9patch.html
구조
- 왼쪽, 상단은 지정된 픽셀 길이만큼 늘어나는 영역에 해당된다.
- 오른쪽, 하단은 지정된 픽셀 길이만큼 내용이 들어가는 영역에 해당된다.
만드는 방법
- 나인 패치 제작 툴은 자바 어플리케이션이므로 JDK가 설치되어 있어야한다.
- 안드로이드 SDK 폴더내 tools 폴더에 보면 'draw9patch.bat' 파일을 실행하거나 아래 파일을 다운 받아 실행한다.
draw9patch.bat
1. 툴 실행 화면
2. 나인 패치를 적용할 이미지를 불러온다.
3. 첨에 불러왔을때 위와 같이 나오는데 아래처럼 Zoom 옵션을 만져주면 아래처럼 정상적으로 나온다.
4. 먼저 가변적으로 늘어날 영역을 지정한다. 'Show patches'를 체크한 후 왼쪽과 상단 가장자리에
마우스를 클릭하면 픽셀이 생기는데 그 라인이 늘어날 영역에 해당된다. (오른쪽 클릭은 픽셀 제거)
5. 이제 내용(컨텐츠)가 들어갈 영역을 지정해준다. 'Show contents'를 체크한 후 오른쪽 화면을 보면서
오른쪽과 하단 영역 가장자리 픽셀에 원하는 만큼 그어준다.
6. 다 되었으면 저장한다. 확장자는 반드시 '이름.9.png'여야 적용이 된다.
7. 나인 패치가 적용된 이미지는 아래처럼 보인다.
8. 나인 패치를 배경 이미지로 적용한 결과
응용)
이 글은 스프링노트에서 작성되었습니다.
