갤럭시노트 젤리빈 퀵패널 따라하기 #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  방법에 대하여 포스팅을 마치도록 하겠습니다.