안드로이드 나인패치(Nine-patch) 개념
Source
Evernote/Technote scraps/안드로이드 앱 개발자가 제안하는 디자인 방법론 - 1. 나인패치(Nine-patch) 개념.md
Summary
안드로이드의 다양한 해상도 대응을 위해 이미지 변형 없이 자연스럽게 확장할 수 있는 나인패치(.9.png)의 개념과 원리를 설명합니다. 이미지 테두리 1px에 검은색 가이드라인을 그려 확장 영역(Stretchable)과 패딩 영역(Padding)을 정의하며, 반복 패턴이 아닌 질감 이미지는 사용 피해야 함을 강조합니다.
Key Points
- 안드로이드는 다양한 해상도 기기를 지원하므로 정적 이미지 사용 시 뭉게짐 현상이 발생하며, 나인패치는 이를 해결합니다.
- 해상도별 이미지 제작은 앱 용량 증가와 유지보수 부담을 초래하므로, 단일 이미지로 동적 대응이 가능한 나인패치가 효율적입니다.
- 이미지 테두리 1px에 검은색 선을 그려 상단/좌측은 확장 영역(Stretchable), 하단/우측은 패딩 영역(Padding)을 정의합니다.
- 확장 영역은 패턴 반복 방식으로 늘어나며, 패딩 영역은 내부 콘텐츠(텍스트, 아이콘)의 배치 공간을 지정합니다.
- 파일 확장자는 .9.png 이어야 하며, 반복 패턴이 아닌 질감 이미지는 나인패치 적용을 피하고 정적 이미지로 사용해야 합니다.