잉명
10.09.11
조회 수 43706
추천 수 2
댓글 6
※ 본 강좌의 대상은 기본적인 컴퓨터활용능력이 있으시고 포토샵등의 이미지관련프로그램을 어느정도 조작가능한 분입니다.


안녕하세요. 잉명입니다.

첫번째 시간엔 deODEXed가 뭐냐? 먹는거냐? 에 대한 내용이었죠.

사실 본격적인 스킨만들기와는 조금은 동떨어진 내용이었습니다만

'왜 deODEXed 커스텀롬이 필요한가' 에 대한 이해가 조금 있어야하기에 간략하게나마 정리해봤었습니다.

이번엔 좀 더 본격적으로 안드로이드에서 이미지를 어떻게 써먹는지 그리고 그 중심이 되는 9.png 파일에 대한 설명입니다.

대신 훨씬 더 어려워집니다.

자, 두번째 수업. 시작합니다~



안드로이드에선 기본적으로 png 형식의 이미지파일을 이용합니다.

한번 집고넘어가는 차원에서 생각해봅시다. 과연 png 파일의 특징이 뭘까요?

큰 특징들만 꼽아보자면 비손실 압축포맷이며, 투명영역이 지정된다는 점입니다.

gif도 투명되잖아? 라고 물으셔도 저는 왜 안드로이드에서 png 만 쓰는지에 대한 이유는 모르는 관계로 넘어가도록 하겠습니다 ㅠㅠ



그럼 본격적으로 우리가 수정할 apk 파일을 7zip 혹은 기타 압축프로그램들로 열어보도록하겠습니다.

저는 deODEXed 커스텀롬에 포함된 framework-res.apk 을 열어보도록 하겠습니다.



framework-res.apk 말고도 대부분의 apk 파일의 경우에는 첨부된 그림과 비슷한 같은 구조로 되어있을겁니다.

META-INF 폴더는 apk의 인증(sign)에 관한 파일들,

그리고 우리가 수정할 이미지파일들은 res 폴더안에 위치합니다.

res로 들어가봅시다.



여러폴더들이 보입니다. 우리가 수정할 png 파일들은 거의 대부분이 drawble-hdpi 에 위치합니다.

어플에 따라 drawble-hdpi 폴더가 아니고 drawble 폴더만 있을경우에는 그쪽에 포함되어있습니다.

apk파일마다 폴더구조나 모든것이 완전히 동일한것이 아니므로 하나하나 뒤져보시면 됩니다 ㅎㅎ

drawble-hdpi 로 들어가보겠습니다.



굉장히 많은 png파일들이 보입니다.

파일이름을 자세히 보면 xxx.9.png 같은 형식의 파일이름들이 보이실겁니다. xxx.9.png 가닌 그냥 xxx.png 도 있구요.

9.png 파일들이 아닌 일반 png파일들은 안드로이드에서 원래 크기대로 보여주거나 혹은 강제로 늘리거나 강제로 줄여서 표현합니다.

그럼 9.png 파일들은 뭐 다른거냐? 라는 의문이 나와야 정상이겠죠?

네, 안드로이드에서 9.png 파일들은 원래의 크기가 아닌 정해놓은 규격에 맞춰서 비율을 마음대로 변형시켜서 표현할 수 있습니다.

cf) 핵심포인트입니다. 밑줄 쫙!


그럼 drawble-hdpi 에서 popup_full_dark.9.png 라는 파일을 꺼내보겠습니다.

그냥 파일을 드래그 앤 드랍하시면 됩니다. 네, 참 쉽죠?

여튼간에 7zip 혹은 기타 압축프로그램을 이용하여 9.png 파일을 꺼낼 경우에는


위과 같은 이미지처럼 보이게됩니다.


하지만 원래의 9.png 정상적인 이미지는 아래와 같습니다.



위의 이미지처럼 검은선들이 보여야합니다.

으잉? 그럼 왜 난 저게 안보이는데?

...저도 그게 의문입니다.

일반 png파일들은 애초에 저 검은선들이 없어서 상관없이 이미지의 수정이 마음대로 가능합니다.

하지만 9.png 파일을 마음대로 수정하기위해선 저 검은선이 필요하죠.

하지만 오늘은 9.png 파일에 대한 이해가 주 목적이므로 저 검은선을 포함하는 이미지를 꺼내는 방법은 다음시간에 설명하도록하겠습니다.



조금전에 제가 9.png파일은 원래의 크기가 아닌 정해놓은 규격에 맞춰서 변형시켜서 표현할 수 있다고 한 부분에 밑줄 쫙 부탁드렸습니다.

9.png에 왜 검은선은 어디에 써먹는지에 대해 예시를 보면서 설명 들어갑니다.





(위의 이미지처럼 상단과 좌단의 검은선의 시작과 끝에서 수직선을 그어보면

선들이 교차하여 생기는 파란색으로 표시해놓은 영역이 있을겁니다. 아래의 이미지와 비교하기위해 편의상 표시해놨습니다.)

자, 바로 알아봅시다.

1) 위쪽과 왼쪽의 검은선은 이미지크기를 변형하는데 사용됩니다.

결과적으로, 안드로이드에서는 필요에 의해 이미지크기나 비율을 자유자재로 표현할 수 있습니다.




위의 그림이 그 예시입니다.
즉 검은선에 해당하는 구역만 늘어나게된다는 뜻입니다. 자유자재로요~


그럼 오른쪽과 아래쪽 검은선은 뭐에 써먹느냐?

2) 오른쪽과 아래쪽 검은선은 들어가는 해당 이미지에 들어가는 컨텐츠의 크기를 표현하게됩니다.





위와 동일한 이미지들로 컨텐츠 영역을 설명해놓은 예시입니다.

빨갛게 표시해둔 영역에 컨텐츠, 즉 안드로이드에서 표현하고자하는 글귀라던가 내용이 표현됩니다.


뭐하러 이렇게 복잡하게 구현하느냐????

자 그건 저말고.. 구글에 직접 항의하시면 되겠습니다.


다음시간에는 9.png 파일을 원본그대로 추출하기 와 다시 집어넣기 에 대해서 설명드리도록 하겠습니다.

이해가 안가시는부분은 질문부탁드려요~


덧붙이자면, 일반 압축프로그램으로 꺼낸 파일을 수정하지않고 그대로 다시 집어넣으면 우리눈엔 검은선이 보이지않았더라도
기존의 검은선에 대한 정보가 죽지않습니다만,
색상변경 후 혹은 이미지 변경 후 저장하게 되는 순간 검은선에 대한 정보를 상실하면서 인식하지못하게됩니다.
따라서 파일명은 9.png 이지만 일반 png파일로 인식하게 되어 9.png 와 같은 부분변형이 아닌 비율그대로 확대 / 축소 되어 표현됩니다.



검은색 선의 정보가 죽어버리면 일반png처럼 인식하게 되어 1번 이미지를 2번으로 표현하고싶지만 3번처럼 표현된다는 의미입니다.
댓글 6
  • ?
    꿀앵두
    10.11.22
    재밌습니다..ㅋㅋ 역시 뭔가 새로 배우는 것은 신나는 일입니다..ㅋㅋ
    강좌의 대상에 해당되는 사람은 아닙니다만 왠지 해보구 싶은 충동이..ㅋㅋ
    log.3 배우러 ㄱㄱㅅ..ㅋㅋ
  • ?
    너무 배우구 싶은데 넘 어려옹..ㅠ.ㅜ
    더더 있다가 도전할게용.ㅋㅋ
    앙 빨리 바꾸고 싶당~~!! *^^*
  • ?
    babyface
    10.12.26
    잉명님은 교육계쪽에서 일하고 계시나봐요..
    포인트를 잘 집어서 가르쳐 주시네요..
    생초보도 눈하고 뇌만있으면 이해할수 있는 글이네요 ^^
  • ?
    ♡.♡
    10.12.29
    잘보고갑니다
  • ?
    고맙습니다 근데 기본지식없는저로썬 정말 힘드네요 나인패치는어떻게 하는건지 ㅠㅠ 어떻게적용해서할지 넘 모르죠?ㅠㅠ
  • ?
    늑대z
    13.03.22
    친절한 설명 감사합니다
댓글 쓰기 권한이 없습니다.
List of Articles
제목 글쓴이 추천 조회 날짜
디자인 [JackoS's 테마제작가이드] chapter I 82 file JackoS 84 57708 2011.02.09
디자인 [ver.test2 업데이트][100908] DROID X 테마 : 테스트합니다. 버그리포... 잉명 54980 2010.09.08
디자인 김잉명의 스킨만들기 log.2 : 9.png 파일에 대한 이해하기 6 잉명 2 43706 2010.09.11
디자인 [JackoS's 테마제작가이드] chapter XML 24 file JackoS 41 43643 2011.02.16
디자인 김잉명의 스킨만들기 log.1 : deODEXed란? 14 잉명 2 43401 2010.09.09
디자인 SK22 ANDROBOY VER 작업시작! 51 file JackoS 3 43144 2010.12.01
디자인 [JackoS's 테마제작가이드] -= PROLOGUE =- 53 JackoS 60 42680 2011.02.09
디자인 [레드버전]상태바 아이콘입니다. 6 jackos 1 40958 2010.09.10
디자인 [JackoS's 테마제작가이드] chapter III 31 JackoS 52 39397 2011.02.11
디자인 [JackoS's 테마제작가이드] chapter II 43 file JackoS 58 37660 2011.02.10
디자인 [JackoS's 테마제작가이드] chapter IV 40 file JackoS 46 36800 2011.02.14
디자인 [DI03펌]와인버전 다이얼패드 작업중 3 jackos 35030 2010.11.13
디자인 김잉명의 스킨만들기 log.3 : 그놈의 9.png 한번 바꿔봅시다 26 잉명 2 34103 2010.09.12
디자인 WOW버전 상태바 + 퀵패널 29 jackos 33461 2010.09.20
디자인 ★배터리 표시오류 수정★DI03_안드로보이_물방울 버전 8 jackos 33184 2010.10.14
디자인 ★안드로보이버전 리뉴얼버전★V1.1 75 jackos 33065 2010.09.07
디자인 수정★안드로보이버전 리뉴얼★V1.2 스케치 효과 35 jackos 1 32932 2010.09.12
디자인 [re] DI03_안드로보이_물방울 버전 7 혁이지호 31261 2010.10.15
디자인 [수정]JackoS's Stylish VIOLET THEME 배포 안내 39 file JackoS 13 29845 2010.12.20
디자인 [요청]JackoS's THEME_WINE_VER 7 file JackoS 2 27750 2010.12.17
디자인 아이폰4 ios6 배경화면 추출했습니다 쿠쿠 (스압주의) 11 file 선풍기™ 11 27265 2013.09.13
디자인 [수정본]SK22 JackoS's THEME_ANDROBOY VER_ODEX 배포 74 file JackoS 1 27193 2010.12.04
디자인 와인버전 진척도 두번째 리폿!. 32 file JackoS 2 26714 2010.11.23
디자인 간단한 설문입니다. 17 file JackoS 26608 2010.11.22
디자인 [DI03펌]와인버전 작업 시작 16 jackos 26514 2010.11.12
1 - 11