[강좌] 뮤직플레이어 앨범이미지뷰 정사각형화 강좌 - 팁 & 강좌

안녕하세요, Proghan입니다.

지난번 업로드하였던 Greeny Theme
의 뮤직 플레이어 앨범 이미지뷰 레이아웃 강좌를 작성하겠습니다.

어렵지 않은 강좌이므로 컴파일, 디컴파일을 하실 수 있는 분이라면 얼마든지 수정이 가능합니다.

----------------------수정 후 적용사진-----------------------

-----------------------참 고--------------------------

i) 이 강좌에서 사용된 뮤직플레이어는

Dainty™ 님의 SKT Note3 Theme For GalaxyS2 DisasterV4 Ver5.0 테마( http://www.matcl.com/?m=bbs&bid=usertheme&uid=199837 )

에 포함되어
있는 뮤직플레이어입니다.

현재 자신의
뮤직플레이어가 테마를 설치하지 않은 순정MusicPlayer라도 상관은 없습니다.

ii)
갤럭시s2 뮤직 플레이어에 해당하는 강좌입니다. (강좌 과정에서의 dip 수치는 갤럭시s2 기준입니다.
)

또한 컴퓨터에서의
작업을 기준으로 합니다.

iii)
적용시
기기가 필히 루팅되어 있어야 합니다. 루팅이 되지 않은 상태에서 적용했을 때 오류가 날 수 있습니다.

iv)
적용 후
문제 발생에 대해서는 책임지지 않습니다.

v) 강좌 과정에서의
사진은 Greeny Theme (http://blog.naver.com/proghan/70183558793) 뮤직 플레이어입니다.

혼동 없으시길
바랍니다.

vi)
이 강좌
글은 PC/웹 버전에 최적화되어 있습니다.

-------------------요구 사항---------------------

-디컴파일/ 컴파일을 할 툴 프로그램(ex. Apktool, apk manager 등)

( 이 강좌에서는
디컴파일과 컴파일 과정을 따로 언급하지 않음을 알려드립니다.)

- 루팅 필수입니다!!!

---------------------강 좌----------------------

STEP 1. MusicPlayer.apk 추출 후 디컴파일

Root
Explorer 또는 다른 파일 탐색 애플리케이션을 실행시킨 후 system/app 에서 MusicPlayer.apk 를 찾아 추출합니다.

(원본 MusicPlayer.apk 를
꼭 따로 백업해 두시기 바랍니다. )

추출한 MusicPlayer.apk 를 디컴파일합니다.

(디컴파일 과정은 언급하지 않습니다.)

STEP 2. 뮤직플레이어 헤더부분 수정

헤더 부분은 아래 사진과 같이 맨 윗부분 (머리 부분(?))
을 말합니다.

★) 뮤직플레이어를 디컴파일 하셨다면 res/layout 폴더의 music_player_head.xml 을 열고 아래와 같이 수정합니다.

파란 박스를 친 부분이 수정할
부분입니다.

여기서 1번 부분을 보시면,

android:layout_height="@dimen/music_player_view_head_height">

▲이 부분을 아래와 같이 수정합니다.

android:layout_height="45.0dip">

그리고
나서 2번 부분을 보시면

android:layout_height="fill_parent"

▲ 이 부분을 아래와 같이 수정합니다.

android:layout_height="45.0dip"

최종 수정된 모습은 아래와 같습니다.

중 략

RelativeLayout>

merge>

▲이
과정까지 하셨으면 저장을 해 주세요.

STEP 3. 뮤직플레이어 타이틀부분 수정

타이틀 부분은 말 그대로 노래의 제목이 표시되는 부분입니다.

사진에서 붉은 박스로 표시한 부분입니다.

현재는 앨범명과 가수명도 함께 나오고 있습니다.

하지만 갤럭시s2 의 4.3 인치 특성상 앨범명과 가수명까지 표시되면 앨범이미지를 정사각형으로 표시하기 힘듭니다.

그러므로 타이틀 부분에서 앨범명과 가수명을 보이지 않도록
수정할 것입니다.

★
이번에는 res/layout 폴더에서
music_player_title.xml 을 수정할 것입니다.

원본 내용은 아래와 같습니다.

▶먼저 1번 부분에서
android:layout_width 와 android:layout_height 를 보면

android:layout_width="fill_parent"

android:layout_height="wrap_content"

이 부분을 아래와 같이 수정합니다.

android:layout_width="0.0dip"

android:layout_height="0.0dip
"

가수명이
표시될 부분의 가로와 세로를 모두 0.0 dip 로 수정함으로써 표시되지 않도록 만들 수 있습니다.

▶ 2번 부분 역시 마찬가지로 android:layout_width 와 android:layout_height 를 보면

android:layout_width="fill_parent"

android:layout_height="wrap_content"

이 부분을 아래와 같이 수정합니다.

android:layout_width="0.0dip"

android:layout_height="0.0dip
"

앨범명이
나오는 부분도 표시되지 않도록 만들었습니다.

여기까지
오셨다면 저장을 눌러 주세요. 이제 수정할 것이 하나 남았습니다.

STEP 4. 뮤직플레이어 앨범이미지뷰 부분
수정

이 강좌의 하이라이트인 앨범이미지뷰 부분은 아래 사진에서
표시한 부분을 말합니다.

▲
이 부분이 현재 수정되지 않은 상태에서는 꽉 차지 않은 형태로 표시됩니다.

하지만 이 부분을 꽉 찬 사각형으로 만들어 보겠습니다.

★) 이번에는 res/layout 폴더에서 music_player_album.xml 을 열고 수정해 보겠습니다.

수정할 부분은 맨 위로부터 4번째 줄 부분입니다.

그 부분의 원본 내용은 아래와 같습니다.

<ImageView

android:id="@id/music_player_album"

android:visibility="visible"
android:layout_width="@dimen/music_player_album_width"
android:layout_height="@dimen/music_player_album_height"
android:layout_marginBottom="@dimen/music_player_album_margin_bottom"

android:scaleType="fitXY" />

▲ 여기서 android:layout_width 와
android:layout_height 부분을 아래와 같이 수정합니다.
(수치는 갤럭시s2 젤리빈 뮤직플레이어 기준입니다.)

android:layout_width="320.0dip "

android:layout_height="320.0dip"

320.0 dip 라는
수치는 갤럭시s2 해상도인 480px 에서 나옵니다.

480x800 해상도의
갤럭시s2 는 1dip=1.5px 와 같습니다.

그러므로
480px을 dip 로 환산하면 480/1.5=320(dip) 의 값을 얻을 수 있습니다.

여기까지 수정하시면,
수정 작업은 끝이 나지만, 헤더 부분에 올쉐어 플레이 아이콘이 나타나지 않는 현상이 생깁니다. 이 부분은 올쉐어 플레이 아이콘 크기를 조절해 주심으로써 해결할 수 있는 부분입니다. (따로 과정을 언급하지 않겠습니다.)

STEP 5. 컴파일(리컴파일) 한 후 원본에 수정한 내용 덮어쓰기

이제 모든 작업이 끝이 나셨으며, 핸드폰에 적용시키면 됩니다.

리컴파일(컴파일) 을 하신 후 리컴파일된 수정한 xml 을 원본 MusicPlayer.apk 에 resources.arsc 파일과
함께 덮어쓰시면 적용하실 준비가 되신 것입니다.

마지막으로 핸드폰의
system/app 에 수정된 MusicPlayer.apk 를 덮어쓰기해 주시고 재부팅하시면
됩니다.

이상 Proghan 이었습니다.

강좌 [강좌] 뮤직플레이어 앨범이미지뷰 정사각형화 강좌