[젤리빈/4.1.1]Framework-res 분해도

1. Status bar 수정

    (1) style.xml

         경로 : res/values

    (2) latest_event_title.xml

         경로 : res/color

    (3) latest_event_line.xml

         경로 : res/color

    (4) notification_bg.xml

         경로 : res/drawable

    (5) notification_bg_low.xml

         경로 : res/drawable

    (1) drawable.xml

         경로 : res/values

    (1) 기본 title과 내용 색상 변경하기

latest_event_title.xml

latest_event_line.xml

위의 두개의 xml을 res/color에 넣습니다.

그 후 두개의 파일을 여시면 아래와 같이 되어 있습니다.

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

<selector

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

    <item android:state_pressed="true" android:color="#ffe9cebb" />

    <item android:state_selected="true" android:color="#ffe9cebb" />

    <item android:color="#ff795f49" />

</selector>

일반 color에는 기본 색상을 넣어주시고 select와 press는 눌렀을 때 변경될 색상을 넣어 주세요.

그 후 style을 여시고 TextAppearance.StatusBar.EventContent.Title을 찾아서 textColor를 @color/latest_event_title로 변경해 주시고, TextAppearance.StatusBar.EventContent를 찾아서 textColor를 @color/latest_event_line로 변경해 주시면 됩니다.

    (2) event 기본 정보 색상 변경하기

style을 여시고 TextAppearance.StatusBar.EventContent.Line2와 TextAppearance.StatusBar.EventContent.Info를 찾아서 

<item name="textColor">@color/latest_event_line</item>를 추가해 주세요. 옆처럼 추가하시거나 그냥 색상 코드로 입력해 주셔도 됩니다. TextAppearance.StatusBar.EventContent.Time를 찾아서 

<item name="textColor">@color/latest_event_line</item>를 추가해 주세요. 이건 알림에서 시간 부분 수정입니다.

    (3) notification 배경 변경

status_bar_header_background.9.png

status_bar_item_app_background_normal.9.png

status_bar_item_background_normal.9.png

위의 이미지를 수정 후 notification_bg와 notification_bg_low를 여신 후 아래와 같이 수정해 주세요.

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

<selector android:exitFadeDuration="@integer/config_mediumAnimTime"

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

    <item android:state_pressed="true" android:drawable="@drawable/notification_item_background_color_pressed" />

    <item android:state_focused="true" android:drawable="@drawable/list_focused_holo" />

    <item android:state_pressed="false" android:drawable="@drawable/status_bar_item_background_normal" />

</selector>

그 후 drawable을 여신 후 notification_item_background_color_pressed를 찾아서 해당 칼라 코드를 수정해 주세요.

2. Button 수정

    (1) tw_btn_default_holo_text_dark.xml

         경로 : res/color

    (2) tw_btn_default_holo_text_light.xml

         경로 : res/color

    (1) 기본 title과 내용 색상 변경하기

수정 필요한 이미지 LIST

1 - tw_btn_default_disabled_focused_holo_dark.9.png

2 - tw_btn_default_disabled_focused_holo_light.9.png

3 - tw_btn_default_disabled_holo_dark.9.png

4 - tw_btn_default_disabled_holo_light.9.png

5 - tw_btn_default_focused_holo_dark.9.png

6 - tw_btn_default_focused_holo_light.9.png

7 - tw_btn_default_normal_holo_dark.9.png

8 - tw_btn_default_normal_holo_light.9.png

9 - tw_btn_default_pressed_holo_dark.9.png

10 - tw_btn_default_pressed_holo_light.9.png

위의 tw_btn_default_holo_text_dark와 tw_btn_default_holo_text_light를 여신 후에 안의 색상을 원하시는 색상으로 변경해 주세요. 그리고 위 이미지 LIST를 수정해 주시면 됩니다.

3. 기본 색상 변경

    (1) colors.xml

         경로 : res/values

    (2) tw_primary_text_holo_dark.xml

         경로 : res/color

    (1) tw_secondary_text_holo_dark.xml

         경로 : res/color

1. holo용 기본 색상 변경

<color name="background_holo_light">#ff795f49</color>

<color name="bright_foreground_holo_dark">@color/background_holo_light</color>

<color name="bright_foreground_holo_light">@color/background_holo_dark</color>

<color name="bright_foreground_disabled_holo_dark">#80795f49</color>

<color name="bright_foreground_disabled_holo_light">#ffb2b2b2</color>

<color name="bright_foreground_inverse_holo_dark">@color/bright_foreground_holo_light</color>

<color name="bright_foreground_inverse_holo_light">@color/bright_foreground_holo_dark</color>

<color name="dim_foreground_holo_dark">#ffff9033</color>

<color name="dim_foreground_disabled_holo_dark">#80ff9033</color>

<color name="dim_foreground_inverse_holo_dark">#ffe9cebb</color>

<color name="dim_foreground_inverse_disabled_holo_dark">#80e9cebb</color>

2. 기본 색상 변경

<color name="background_light">#ff795f49</color>

<color name="bright_foreground_dark">@color/background_light</color>

<color name="bright_foreground_light">@color/background_dark</color>

<color name="bright_foreground_dark_disabled">#80795f49</color>

<color name="bright_foreground_light_disabled">#80000000</color>

<color name="bright_foreground_dark_inverse">@color/bright_foreground_light</color>

<color name="bright_foreground_light_inverse">@color/bright_foreground_dark</color>

<color name="dim_foreground_dark">#ffff9033</color>

<color name="dim_foreground_dark_disabled">#80ff9033</color>

<color name="dim_foreground_dark_inverse">#ffe9cebb</color>

<color name="dim_foreground_dark_inverse_disabled">#80e9cebb</color>

3. tw 순정 기본 색상 변경

위의 2번, 3번 파일의 내용을 수정해 줍니다.

4. toast 수정

    (1) transient_notification.xml

         경로 : res/layout

    (2) tw_transient_notification.xml

         경로 : res/layout

    (3) colors.xml

         경로 : res/values

- 순정

toast_frame.9.png

toast_frame_holo.9.png

- tw 순정

tw_toast_frame_holo_dark.9.png

tw_toast_frame_holo_light.9.png

위의 이미지를 변경 후, tw_transient_notification 파일 안의 내용을 아래와 같이 수정합니다.

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

<LinearLayout android:orientation="vertical" android:id="@id/toast_layout_root" android:background="?toastFrameBackground" android:layout_width="fill_parent" android:layout_height="fill_parent"

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

    <TextView android:textAppearance="@style/TextAppearance.Small" android:textSize="15.0dip" android:textColor="?toastTextColor" android:id="@id/message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1.0" />

</LinearLayout>

위의 파일을 수정 후 colors에서 tw_toast_text_holo_dark와 tw_toast_text_holo_light를 찾아서 색상 코드를 수정해 줍니다.

5. key panel 수정

    (1) tw_optionmenu_text_holo_dark.xml

         경로 : res/color

    (2) styles.xml

         경로 : res/values

- 순정

menu_hardkey_panel_holo_dark.9.png

- tw 순정

tw_menu_dropdown_panel_holo_dark.9.png

tw_menu_hardkey_panel_holo_dark.9.png

위의 이미지 수정 후 tw의 경우 tw_optionmenu_text_holo_dark의 색상 코드를 변경해 주세요.

tw 순정의 경우 style에서 TextAppearance.Widget.IconMenu.Item과 TextAppearance.Holo.Widget.IconMenu.Item를 찾아서 색상을 변경해 줍니다.

6. tw list section divder 변경

    (1) styles.xml

         경로 : res/values

tw_list_section_divider_holo_dark.9.png

위의 이미지를 변경 후 styles에서 Widget.DeviceDefault.TextView.ListSeparator를 검색해 주세요.

그리고 textColor를 원하시는 색상 코드로 변경해 주세요.

7. tw popup 가운데 변경

    (1) tw_resolve_list_item.xml

         경로 : res/layout

    (2) activity_picker_bg.xml

         경로 : res/drawable

이미지는 activity_picker_bg안에 있는 이미지를 수정해 주시면 됩니다.

tw_resolve_list_item 파일을 연후 text2와 text1에 android:textColor="#ff795f49"를 붙여줍니다. 

그리고 칼라 코드를 수정해 주세요.