본문 바로가기

☆ 테마제작관련 ☆/테마제작강좌

갤럭시노트 젤리빈 퀵패널 따라하기 #3 [퀵패널 시계 / 날짜 레이아웃 바꾸기]



갤럭시노트 젤리빈  / 퀵패널 시계 / 날짜


갤럭시노트 젤리빈 퀵패널 따라하기 #3 

대하여 포스팅 하도록 하겠습니다.

- 젤리빈 퀵패널 시계/날자 레이아웃 따라하기 -



이번강좌는 갤럭시노트 젤리빈 따라하기 #3 입니다.

-국내 갤럭시노트 SKT ICS 4.01버젼 기준-




순정시계 한번 보실까요??




3번 라인에 보면 날짜가 나오지요??

이젠 날짜와 함께 시계포멧을 바꿔볼께요





이렇게~~~~^^
상단에 시계옆으로 날자/요일이 같이 보이죠??
이게 좀더 있어보이지 않나요??







그럼 젤리빈 퀵패널 시계/날자 레이아웃 바꿔봐요!!

Framework.apk 와 SystemUI.apk 같이 바꿔줘야합니다.





날짜 레이아웃 바꾸기

 Framework.apk



1. xml 수정 

1) framework-res.apk\res\values-ko\strings.xml [APK 수정]


원본

    <string name="twelve_hour_time_format">a h:mm</string>

    <string name="numeric_date_template" formatted="false">%s. %s. %s.</string>



수정

     <string name="twelve_hour_time_format">h:mm</string>    

    <string name="numeric_date_template">"yyyy년 M월 d일

E요일"</string>





SystemUI.apk


1. SystemUI.apk\res\layout\tw_status_bar_expanded.xml 에 파란색 구문을 추가 해 주세요

 <?xml version="1.0" encoding="utf-8"?>

<com.android.systemui.statusbar.phone.ExpandedView android:orientation="vertical" android:descendantFocusability="afterDescendants"

  xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">


<RelativeLayout android:background="#ff1f1f1f" android:layout_width="fill_parent" android:layout_height="60.0dip">

        <com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.QuickPanel.Clock" android:gravity="left|center" android:id="@id/clock" android:paddingLeft="7.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="-2.0dip" android:singleLine="true" />

        <com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Date" android:gravity="left|center" android:id="@id/date" android:paddingLeft="5.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:lines="2" android:layout_toRightOf="@id/clock" />

        <ImageView android:id="@id/settings_button" android:paddingLeft="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/ic_notify_quicksettings" android:layout_toRightOf="@id/date" android:contentDescription="@string/accessibility_settings_button" />

        <ImageView android:id="@id/clear_all_button" android:paddingLeft="8.0dip" android:paddingRight="8.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/ic_notify_clear" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" />

    </RelativeLayout>

    <View android:background="#ff333333" android:layout_width="fill_parent" android:layout_height="0.5dip" />

    <View android:background="#ff2e2e2e" android:layout_width="fill_parent" android:layout_height="0.5dip" />

    <View android:background="#ff292929" android:layout_width="fill_parent" android:layout_height="0.5dip" />



    <LinearLayout android:id="@id/quicksetting_scroller" android:layout_width="fill_parent" android:layout_height="wrap_content"

      xmlns:android="http://schemas.android.com/apk/res/android"

      xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">


삽입구문 설명


<!-- RelativeLayout 으로 레이아웃 시작 -->

<RelativeLayout android:background="#ff1f1f1f" android:layout_width="fill_parent" android:layout_height="60.0dip">


<!-- 시계 레이아웃 설정 시작 (스타일에서 지정) -->  

        <com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.QuickPanel.Clock" android:gravity="left|center" android:id="@id/clock" android:paddingLeft="7.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="-2.0dip" android:singleLine="true" />

<!-- 시계 레이아웃 설정 종료 (스타일에서 지정) -->


<!- - 날짜 레이아웃 설정 시작 (스타일에서 지정) -->

        <com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Date" android:gravity="left|center" android:id="@id/date" android:paddingLeft="5.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:lines="2" android:layout_toRightOf="@id/clock" />


<!- - 설정버튼 지정 시작 --> 

        <ImageView android:id="@id/settings_button" android:paddingLeft="3.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/ic_notify_quicksettings" android:layout_toRightOf="@id/date" android:contentDescription="@string/accessibility_settings_button" />

<!- - 설정버튼 지정 종료 --> 


<!- - 지움버튼 지정 지정 시작 -->  

        <ImageView android:id="@id/clear_all_button" android:paddingLeft="8.0dip" android:paddingRight="8.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:src="@drawable/ic_notify_clear" android:layout_alignParentRight="true" android:contentDescription="@string/accessibility_clear_all" />

<!- - 지움버튼 지정 지정 종료 -->  


<!-- RelativeLayout 으로 레이아웃 종료 -->

    </RelativeLayout> 




2. SystemUI.apk\res\layout\tw_status_bar_expanded.xml 에서 원래 있던 시계 / 설정  제거하기

 <?xml version="1.0" encoding="utf-8"?>

<com.android.systemui.statusbar.phone.ExpandedView android:orientation="vertical" android:descendantFocusability="afterDescendants"

  xmlns:android="http://schemas.android.com/apk/res/android"

  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">


<RelativeLayout android:background="#ff1f1f1f" android:layout_width="fill_parent" android:layout_height="60.0dip">

        <com.android.systemui.statusbar.policy.Clock android:textAppearance="@style/TextAppearance.QuickPanel.Clock" android:gravity="left|center" android:id="@id/clock" android:paddingLeft="7.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:layout_marginTop="-2.0dip" android:singleLine="true" />

        <com.android.systemui.statusbar.policy.DateView android:textAppearance="@style/TextAppearance.StatusBar.Date" android:gravity="left|center" android:id="@id/date" android:paddingLeft="5.0dip" android:layout_width="wrap_content" android:layout_height="fill_parent" android:lines="2" android:layout_toRightOf="@id/clock" />  


    <LinearLayout android:id="@id/quicksetting_scroller" android:layout_width="fill_parent" android:layout_height="wrap_content"

      xmlns:android="http://schemas.android.com/apk/res/android"

      xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">





3. SystemUI.apk\res\values\styles.xml 에서 날짜 style 정의


<원본>

 <style name="TextAppearance.StatusBar.Date" parent="@android:style/TextAppearance.StatusBar.Icon">

        <item name="android:textSize">14.0dip</item>

        <item name="android:textStyle">normal</item>

  </style>



<수정본>

    <style name="TextAppearance.StatusBar.Date" parent="@android:style/TextAppearance.StatusBar.Icon">

        <item name="android:textSize">12.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ffcfcfcf</item>

    </style>       




4. SystemUI.apk\res\values\styles.xml 에서 시계 style 정의 추가

<resources>   사이에 아무곳에 나 삽입 </resources>


 <style name="TextAppearance.QuickPanel.Clock" parent="@android:style/TextAppearance.StatusBar.Icon">

        <item name="android:textSize">40.0dip</item>

        <item name="android:textStyle">normal</item>

        <item name="android:textColor">#ffffffff</item>

  </style>








Tegrak update.zip 테마적용 강좌 보러가기






이상으로 갤럭시노트 젤리빈 퀵패널 따라하기 #3  방법에 대하여 포스팅을 마치도록 하겠습니다.