Google Adsense




갤럭시 노트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 이미지 파일들

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



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

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



잘 보지 않더라도 중복되는 파일이 많습니다. 그래서 저는 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 알림창 퀵패널 수정하기


Google Adsense Daum view 구독 추천/구독  
tv팟 구독 tv팟 구독 올포스트 구독하기





치토스 박스 2 티에디션
1호, 2호, 3호, 4호, 5호, 6호, 7호, 8호, 9호, 10호,
11호, 12호, 13호, 14호, 15호, 16호, 17호, 18호, 19호

Tag , , , , , , ,
댓글 - 여러분의 소중한 댓글이 저에게는 큰 힘이 됩니다.^^









■ : 일반글
■ : 운영자글

댓글을 달아 주세요

  1. BlogIcon 컴터맨
    2013.04.05 11:03 신고
     댓글주소  수정/삭제  댓글쓰기

    와...조만간 이곳이 갤럭시노트2의 성지가 되지 않을까 싶습니다!
    갤노트2, 참 써보고 싶은 기종인데, 이놈의 약정때문에...ㅡㅜ

  2. skt 노트 2
    2013.04.06 18:46
     댓글주소  수정/삭제  댓글쓰기

    소중한 정보 감사합니다
    궁금한게 있는데요
    퀵패널에서 와이파이나 자동회전 이런거 터치시에
    파란색으로 나타나는 부분을 투명하게 바꾸고싶은데
    경로좀알수있을까요?ㅠㅠ

  3. 럽츄
    2013.05.02 20:25
     댓글주소  수정/삭제  댓글쓰기

    SKT 노트2 사용자인데
    강좌들보고 시간도 엄청 절약되고 정말 많은 도움이 되었네요!!
    상단바 투명화처럼 퀵패널 투명화는 없을까요?
    매번 감사합니다. :)

    • BlogIcon 치토스 chitos7
      2013.05.02 23:11 신고
       댓글주소  수정/삭제

    • 퀵패널 배경 투명은 배경이미지를 단순히 투명 또는 반투명하게 만들면 되고 전체적으로 투명화하는 작업은 odex를 건들여야 합니다.
      하지만 아직 제가 거기까진 능력이 없는지라 자세한 정보는 맛클에서 도움을 요청해보세요,^^