갤럭시 노트2 알림창 퀵패널 수정하기

갤럭시 노트2 알림창 퀵패널 수정하기

안드로이드 4.1.2 젤리빈

펌웨어 버전 : LGT MB6

갤럭시 노트2 알림창 퀵패널 수정하기

갤럭시 노트2 알림창 퀵패널 수정하기

알림창 퀵패널은 젤리빈 4.1.2 버전으로 오면서 각종 기능에 대한 버튼을 편집할 수 있도록 개선되어 더욱 편리하게 퀵패널을 사용할 수 있게 됐는데 버튼이미지, 하단표시바, 텍스트 등 간단한 버튼 하나로 보이지만 복잡하게 구성돼있는 부분입니다. 그래서 이 퀵패널 부분을 수정하기 위한 방법을 알아보도록 하겠습니다.

필요한 파일 : SystemUi.apk

디컴파일 후

SystemUI.apk\res\drawable-xhdpi(퀵패널 이미지1), SystemUI.apk\res\drawable-sw360dp-xhdpi(퀵패널 이미지2)

SystemUI.apk\res\drawable-xhdpi 이미지 파일들

(각 이미지를 보면 어떤 버튼인지 알기 때문에 이미지에 대한 설명은 생략하겠습니다,)

tw_quick_panel_icon_airplane_dim.png

tw_quick_panel_icon_airplane_off.png

tw_quick_panel_icon_airplane_on.png

tw_quick_panel_icon_allshre_cast_dim.png

tw_quick_panel_icon_allshre_cast_off.png

tw_quick_panel_icon_allshre_cast_on.png

tw_quick_panel_icon_bluetooth_dim.png

tw_quick_panel_icon_bluetooth_off.png

tw_quick_panel_icon_bluetooth_on.png

tw_quick_panel_icon_data_connection_dim.png

tw_quick_panel_icon_data_connection_off.png

tw_quick_panel_icon_data_connection_on.png

tw_quick_panel_icon_dormant_mode_dim.png

tw_quick_panel_icon_dormant_mode_off.png

tw_quick_panel_icon_dormant_mode_on.png

tw_quick_panel_icon_driving_dim.png

tw_quick_panel_icon_driving_off.png

tw_quick_panel_icon_driving_on.png

tw_quick_panel_icon_gps_dim.png

tw_quick_panel_icon_gps_off.png

tw_quick_panel_icon_gps_on.png

tw_quick_panel_icon_multiwindow_dim.png

tw_quick_panel_icon_multiwindow_off.png

tw_quick_panel_icon_multiwindow_on.png

tw_quick_panel_icon_nfc_dim.png

tw_quick_panel_icon_nfc_off.png

tw_quick_panel_icon_nfc_on.png

tw_quick_panel_icon_powersave_dim.png

tw_quick_panel_icon_powersave_off.png

tw_quick_panel_icon_powersave_on.png

tw_quick_panel_icon_rotation_off.png

tw_quick_panel_icon_rotation_on.png

tw_quick_panel_icon_sbeam_dim.png

tw_quick_panel_icon_sbeam_off.png

tw_quick_panel_icon_sbeam_on.png

tw_quick_panel_icon_silent_mode_on_on.png

tw_quick_panel_icon_silent_off.png

tw_quick_panel_icon_silent_on.png

tw_quick_panel_icon_smartstay_dim.png

tw_quick_panel_icon_smartstay_off.png

tw_quick_panel_icon_smartstay_on.png

tw_quick_panel_icon_sync_dim.png

tw_quick_panel_icon_sync_off.png

tw_quick_panel_icon_sync_on.png

tw_quick_panel_icon_wifi_dim.png

tw_quick_panel_icon_wifi_off.png

tw_quick_panel_icon_wifi_on.png

SystemUI.apk\res\drawable-sw360dp-xhdpi 이미지 파일들

(각 이미지를 보면 어떤 버튼인지 알기 때문에 이미지에 대한 설명은 생략하겠습니다,)

tw_quick_panel_icon_airplane_dim.png

tw_quick_panel_icon_airplane_off.png

tw_quick_panel_icon_airplane_on.png

tw_quick_panel_icon_allshre_cast_dim.png

tw_quick_panel_icon_allshre_cast_off.png

tw_quick_panel_icon_allshre_cast_on.png

tw_quick_panel_icon_bluetooth_dim.png

tw_quick_panel_icon_bluetooth_off.png

tw_quick_panel_icon_bluetooth_on.png

tw_quick_panel_icon_data_connection_dim.png

tw_quick_panel_icon_data_connection_off.png

tw_quick_panel_icon_data_connection_on.png

tw_quick_panel_icon_dormant_mode_dim.png

tw_quick_panel_icon_dormant_mode_off.png

tw_quick_panel_icon_dormant_mode_on.png

tw_quick_panel_icon_driving_dim.png

tw_quick_panel_icon_driving_off.png

tw_quick_panel_icon_driving_on.png

tw_quick_panel_icon_gps_dim.png

tw_quick_panel_icon_gps_off.png

tw_quick_panel_icon_gps_on.png

tw_quick_panel_icon_multiwindow_dim.png

tw_quick_panel_icon_multiwindow_off.png

tw_quick_panel_icon_multiwindow_on.png

tw_quick_panel_icon_nfc_dim.png

tw_quick_panel_icon_nfc_off.png

tw_quick_panel_icon_nfc_on.png

tw_quick_panel_icon_powersave_dim.png

tw_quick_panel_icon_powersave_off.png

tw_quick_panel_icon_powersave_on.png

tw_quick_panel_icon_rotation_off.png

tw_quick_panel_icon_rotation_on.png

tw_quick_panel_icon_sbeam_dim.png

tw_quick_panel_icon_sbeam_off.png

tw_quick_panel_icon_sbeam_on.png

tw_quick_panel_icon_silent_mode_on_on.png

tw_quick_panel_icon_silent_off.png

tw_quick_panel_icon_silent_on.png

tw_quick_panel_icon_smartstay_dim.png

tw_quick_panel_icon_smartstay_off.png

tw_quick_panel_icon_smartstay_on.png

tw_quick_panel_icon_sync_dim.png

tw_quick_panel_icon_sync_off.png

tw_quick_panel_icon_sync_on.png

tw_quick_panel_icon_wifi_dim.png

tw_quick_panel_icon_wifi_off.png

tw_quick_panel_icon_wifi_on.png

잘 보지 않더라도 중복되는 파일이 많습니다. 그래서 저는 SystemUI.apk\res\drawable-xhdpi 여기 이미지파일을 모두 수정 후 SystemUI.apk\res\drawable-sw360dp-xhdpi 여기에서 필요로 하는 이미지만 바꿔줬는데 실제로는 두 경로에 대한 이미지를 모두 사용하는 것이 아니라 필요한 부분만 쓰이기 때문에 어차피 퀵패널 편집에 쓰이는 이미지 15가지를 수정해야 하니까 필요한 것을 찾기보다는 수정된 걸 그냥 모두 바꿔주면 편합니다.

갤럭시 노트2 알림창 퀵패널 수정하기

그리고 퀵패널 버튼에 표시되는 텍스트 아래에 있는 Bar이미지는 SystemUI.apk\res\drawable-xhdpi

tw_quick_panel_off.9.png

tw_quick_panel_on.9.png

위 이미지들인데 이미지 파일명을 보면 이상하게 숫자 9가 들어가 있습니다. 이건 나인 패치라는 작업으로 이미지를 만들어야 한다는 건데 간단한 설명으로는 나인패치한 이미지들은 원래 크기가 아닌 패치 된 설정에 따라 이미지가 위치에 맞게 확장되며 보이는 것입니다. 우선은 다른 링크된 설명으로 참고하시고 다음 주에 블로그로도 포스팅해보도록 하겠습니다. (http://www.androidpub.com/2096)

그리고 퀵패널 배경이미지는 SystemUI.apk\res\drawable-xhdpi

tw_quick_panel_quick_setting_button_bg_normal.9.png

똑같이 나인 패치로 제작해야 하는 파일입니다.

이제 이미지 작업은 끝이 났습니다. 이미지만 같은 크기로 바꿔 적용하면 쉽게 작업할 수 있는 부분이고 이젠 이미지에 대한 간격조절을 통해 좀 더 섬세한 퀵패널 버튼을 만들어 보려고 합니다.

SystemUI.apk\res\layout 에서

tw_quick_setting_button.xml

위 파일을 찾습니다. 위 파일이 하는 역할은 퀵패널버튼에 대한 각종 간격을 조절하는 곳인데 다른 곳에서 수정해야 할 거 같지만 여기서 직접 수치를 입력하고 맞춰줘야만 정확하게 변경할 수 있습니다.

갤럭시 노트2 알림창 퀵패널 수정하기

퀵패널 전체

<LinearLayout android:orientation="vertical" android:focusable="false" android:layout_width="fill_parent" android:layout_height="@dimen/quick_setting_button_height">

퀵패널 이미지

<ImageView android:layout_gravity="center" android:id="@id/btn_image" android:layout_width="fill_parent" android:layout_height="@dimen/quick_setting_button_image_height" android:layout_marginTop="@dimen/quick_setting_button_margin_top" />

퀵패널 이미지 하단 텍스트

<TextView android:textSize="@dimen/quick_setting_button_text_size" android:textColor="#ffffffff" android:gravity="center" android:id="@id/btn_text" android:layout_width="fill_parent" android:layout_height="@dimen/quick_setting_button_text_height" android:includeFontPadding="false" />

퀵패널 하단 Bar이미지

<ImageView android:layout_gravity="center" android:id="@id/btn_status_image" android:paddingLeft="4.0dip" android:paddingTop="@dimen/quick_setting_button_status_padding" android:paddingRight="4.0dip" android:paddingBottom="@dimen/quick_setting_button_status_padding" android:layout_width="fill_parent" android:layout_height="@dimen/quick_setting_button_status_height" android:scaleType="fitXY" android:drawable="@drawable/tw_quick_panel_off" />

여기서 굵은 구문으로 된 부분을 모두 dip수치로 바꿔서 퀵패널 전체 수치와 합산된 값으로 만들어 줘야 합니다. 퀵패널 전체 수치와 다른 수치의 합이 정확하지 않을 경우 적용이 안 되니 주의하세요.

(퀵패널 전체 = 퀵패널 이미지 + 텍스트 + Bar이미지)

 - 퀵패널 전체

@dimen/quick_setting_button_height : 퀵패널 전체 세로 크기

 - 퀵패널 이미지

@dimen/quick_setting_button_image_height : 퀵패널 이미지 세로 크기

@dimen/quick_setting_button_margin_top : 퀵패널 이미지 상단 간격

 - 퀵패널 이미지 하단 텍스트

@dimen/quick_setting_button_text_size : 텍스트 사이즈

@dimen/quick_setting_button_text_height : 텍스트 공간 세로 크기

 - 퀵패널 하단 Bar이미지

@dimen/quick_setting_button_status_height : Bar이미지 세로 크기

dip수치를 적용하여 텍스트문구가 있는 xml파일을 따로 수정해보는 것보다 여기서 사이즈를 0으로 바꿔 감추는 방법으로 쉽게 텍스트를 지울 수 있고 Bar이미지도 똑같이 작업할 수 있습니다. (참고로 제가 쓰는 전체 수치는 89.0dip)

xml작업으로 수치를 변경하는 게 어렵다면 이미지만 바꾸는 작업만 해도 되고 퀵패널버튼 자체를 꾸미고 싶으면 이런 추가적인 방법으로 작업하면 되겠습니다.

그리고 텍스트 색 변경에 대한 부분은 나중에 추가 수정하도록 하겠습니다.

갤럭시 노트2 알림창 퀵패널 수정하기

 - 관련글 더 보기

          갤럭시 노트2 홈화면, 독바, 앱스화면 아이콘 확장하기

          갤럭시 노트2 상단바 아이콘 변경 3탄 - 1% 배터리

          갤럭시 노트2 상단바 아이콘 변경 2탄 - 각종 알림 아이콘

 - 추천글 더 보기

          Apk 컴파일과 디컴파일 방법 - Apk Manager 5.1