+ All Categories
Home > Documents > android theme guide KR - Kakao · 2017-10-23 · 파일다운로드...

android theme guide KR - Kakao · 2017-10-23 · 파일다운로드...

Date post: 03-Mar-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
18
나만의 카카오톡 테마 만들기 for Android 카카오톡 4.0 사용자 테마 가이드 creative by TALK Design Team/KAKAO
Transcript
Page 1: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

나만의����������� ������������������  카카오톡����������� ������������������  테마����������� ������������������  만들기����������� ������������������  for����������� ������������������  Android카카오톡����������� ������������������  4.0����������� ������������������  사용자����������� ������������������  테마����������� ������������������  가이드����������� ������������������  

creative����������� ������������������  by����������� ������������������  TALK����������� ������������������  Design����������� ������������������  Team/KAKAO

Page 2: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

체크����������� ������������������  포인트

!!• 카카오톡����������� ������������������  4.0����������� ������������������  이상����������� ������������������  부터����������� ������������������  지원����������� ������������������  !

• 480PX����������� ������������������  *����������� ������������������  800PX����������� ������������������  (HDPI)기준으로����������� ������������������  제작����������� ������������������  (아이콘����������� ������������������  일부는����������� ������������������  고해상도����������� ������������������  권장)����������� ������������������  !

• 폰트����������� ������������������  컬러����������� ������������������  변경����������� ������������������  가능����������� ������������������  !

• 레이아웃����������� ������������������  변경����������� ������������������  불가����������� ������������������  !

Page 3: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

파일����������� ������������������  다운로드

카카오톡����������� ������������������  테마는����������� ������������������  실행����������� ������������������  속도와����������� ������������������  확장성을����������� ������������������  고려하여����������� ������������������  apk����������� ������������������  파일����������� ������������������  형태로����������� ������������������  제작하도록����������� ������������������  설계되었습니다.����������� ������������������  

[Kakao.com����������� ������������������  >����������� ������������������  서비스����������� ������������������  >����������� ������������������  카카오톡����������� ������������������  >����������� ������������������  사용자����������� ������������������  테마]����������� ������������������  에서����������� ������������������  원하시는카카오톡����������� ������������������  샘플테마를����������� ������������������  ����������� ������������������  다운로드����������� ������������������  받으세요.����������� ������������������  

STEP����������� ������������������  1

Page 4: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통

테마����������� ������������������  이름 theme_title string

스플래시����������� ������������������   thm_general_splash_image 480*854����������� ������������������  /����������� ������������������  PNG

썸네일 thm_general_splash_thumbnail_image 180*286����������� ������������������  PNG 20KB이하

아이콘 icon.png 72*72����������� ������������������  /����������� ������������������  PNG

기본

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 액션바����������� ������������������  배경 thm_general_title_bg 9-patch

액션바����������� ������������������  정보����������� ������������������  및����������� ������������������  버튼����������� ������������������  정의

액션바����������� ������������������  텍스트����������� ������������������  컬러 thm_action_bar_title_font_color color����������� ������������������  selector

이전����������� ������������������  버튼����������� ������������������  아이콘����������� ������������������  컬러 thm_actionbar_back_button_icon 13����������� ������������������  *����������� ������������������  25����������� ������������������  /����������� ������������������  PNG����������� ������������������   -����������� ������������������  디자인����������� ������������������  유지컬러����������� ������������������  ����������� ������������������  -����������� ������������������  변경����������� ������������������  가능

Done����������� ������������������  아이콘����������� ������������������  컬러bar_icon_check_disable����������� ������������������  bar_icon_check

25����������� ������������������  *����������� ������������������  16����������� ������������������  /����������� ������������������  PNG-����������� ������������������  디자인����������� ������������������  유지컬러����������� ������������������  ����������� ������������������  -����������� ������������������  변경����������� ������������������  가능

버튼����������� ������������������  텍스트����������� ������������������  컬러action_bar_done_font_normal����������� ������������������  action_bar_done_font_pressed����������� ������������������  action_bar_done_font_disabled

color����������� ������������������  selector

Action����������� ������������������  Bar

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

Page 5: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통탭����������� ������������������  메뉴����������� ������������������  배경

thm_tab_indicator_bg����������� ������������������  

thm_tab_indicator_p_bg9-patch����������� ������������������  drawable����������� ������������������  selector

탭����������� ������������������  선택바����������� ������������������   thm_main_tab_underline_image 9-patch

아이콘

친구����������� ������������������  아이콘thm_tab_friend_icon_n����������� ������������������  

thm_tab_friend_icon_p

?����������� ������������������  *����������� ������������������  84����������� ������������������  /����������� ������������������  PNG����������� ������������������  ?����������� ������������������  *����������� ������������������  106����������� ������������������  /����������� ������������������  PNG

XHDPI����������� ������������������  권장

채팅����������� ������������������  아이콘thm_tab_chatting_icon_n����������� ������������������  

thm_tab_chatting_icon_p

친구추천����������� ������������������  아이콘thm_tab_recommend_icon_n����������� ������������������  thm_tab_recommend_icon_p

게임����������� ������������������  아이콘thm_tab_game_icon_n����������� ������������������  thm_tab_game_icon_p

더보기����������� ������������������  아이콘thm_tab_more_icon_n����������� ������������������  thm_tab_more_icon_p

상단����������� ������������������  TAP����������� ������������������  메뉴

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

채팅

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통

채팅����������� ������������������  목록����������� ������������������  배경 thm_chatlist_bg 480����������� ������������������  *630����������� ������������������  /����������� ������������������  PNG 9-patch����������� ������������������  불가

채팅����������� ������������������  시작����������� ������������������  버튼thm_chat_start_n����������� ������������������  

thm_chat_start_p100����������� ������������������  *����������� ������������������  100����������� ������������������  /����������� ������������������  PNG����������� ������������������  130����������� ������������������  *����������� ������������������  130����������� ������������������  /����������� ������������������  PNG

XHDPI����������� ������������������  권장

목록����������� ������������������  정보

최근����������� ������������������  메시지����������� ������������������  텍스트����������� ������������������  컬러 thm_chatlist_message_font_color color����������� ������������������  selector

메시지����������� ������������������  수신����������� ������������������  시각����������� ������������������  컬러 thm_chatlist_message_time_font_color color����������� ������������������  selector

Page 6: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

채팅>����������� ������������������  채팅방

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 채팅방����������� ������������������  배경 thm_chatroom_bg 480����������� ������������������  *724����������� ������������������  /����������� ������������������  PNG

알림����������� ������������������  정보알림바����������� ������������������  배경 thm_chatroom_navigation_bg 9-patch

알림바����������� ������������������  텍스트 thm_chatroom_navigation_font_color color����������� ������������������  selector

메시지����������� ������������������  관련����������� ������������������  정보

내����������� ������������������  메시지����������� ������������������  말풍선����������� ������������������  배경 thm_chatroom_message_bubble_me_bg 9-patch

내����������� ������������������  메시지����������� ������������������  텍스트����������� ������������������  컬러 thm_chatroom_my_message_font_color color����������� ������������������  selector 흰색����������� ������������������  사용����������� ������������������  불가

상대방����������� ������������������  메시지����������� ������������������  말풍선����������� ������������������  배경 thm_chatroom_message_bubble_you_bg 9-patch

상대방����������� ������������������  이름����������� ������������������  텍스트����������� ������������������  컬러 thm_chatroom_other_nickname_font_color color����������� ������������������  selector

상대방����������� ������������������  메시지����������� ������������������  텍스트����������� ������������������  컬러 thm_chatroom_other_message_font_color color����������� ������������������  selector 흰색����������� ������������������  사용����������� ������������������  불가

메시지����������� ������������������  정보����������� ������������������  배경 thm_chatroom_message_info_bg 9-patch

메시지����������� ������������������  시간����������� ������������������  정보����������� ������������������  텍스트 thm_chatroom_infobox_time_color color����������� ������������������  selector

메시지����������� ������������������  확인한����������� ������������������  사람����������� ������������������  텍스트 thm_chatroom_infobox_count_font_color color����������� ������������������  selector

내����������� ������������������  이모티콘����������� ������������������  말풍선����������� ������������������  배경 thm_chatroom_message_bubble_emoticon_me_bg 9-patch 내부����������� ������������������  박스는����������� ������������������  흰색����������� ������������������  필수

상대방����������� ������������������  이모티콘����������� ������������������  말풍선����������� ������������������  배경 thm_chatroom_message_bubble_emotion_you_bg 9-patch 내부����������� ������������������  박스는����������� ������������������  흰색����������� ������������������  필수

플러스친구����������� ������������������  메시지����������� ������������������  말풍선����������� ������������������  ����������� ������������������  배경

thm_chatroom_message_bubble_plus_bg 9-patch

Page 7: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

채팅>����������� ������������������  채팅방>����������� ������������������  하단����������� ������������������  메시지����������� ������������������  입력창

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통

메시지����������� ������������������  입력창����������� ������������������  배경 thm_chatroom_input_bar_bg 9-patch

메시지����������� ������������������  인풋창����������� ������������������  배경 thm_chatroom_input_message_bg

플.친����������� ������������������  메시지����������� ������������������  입력창����������� ������������������  배경 thm_chatroom_plusfriend_input_bar_bg 9-patch

전송����������� ������������������  버튼����������� ������������������  영역

전송����������� ������������������  버튼����������� ������������������  배경chatroom_button_bg_n����������� ������������������  chatroom_button_bg_p

drawable����������� ������������������  selector

전송����������� ������������������  텍스트����������� ������������������  컬러 thm_chatroom_send_font_color color����������� ������������������  selector

+����������� ������������������  미디어����������� ������������������  아이콘 thm_chatroom_media_button_icon drawable����������� ������������������  selector

플러스친구����������� ������������������  홈����������� ������������������  이동����������� ������������������  아이콘 icon_plusfriends_home drawable����������� ������������������  selector

워키토키����������� ������������������  버튼btn_walkie_talkie����������� ������������������  btn_walkie_talkie_pressed

보이스톡����������� ������������������  버튼

btn_mvoip_send_n����������� ������������������  btn_mvoip_send_p����������� ������������������  btn_mvoip_send_f����������� ������������������  btn_mvoip_send_f_p

그룹콜����������� ������������������  버튼

btn_groupcall_send_n����������� ������������������  btn_groupcall_send_p����������� ������������������  btn_groupcall_send_f����������� ������������������  btn_groupcall_send_f_p

플.친����������� ������������������  봇버튼����������� ������������������  thm_btn_plusfriend_bot_n����������� ������������������  thm_btn_plusfriend_bot_p

Page 8: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

채팅>����������� ������������������  채팅방>����������� ������������������  스팸����������� ������������������  신고

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통1:1����������� ������������������  스팸신고����������� ������������������  배경

chatroom_spam_alert_bg_normal����������� ������������������  

chatroom_spam_alert_button_bg_pressed

그룹����������� ������������������  스팸신고����������� ������������������  배경 thm_chatroom_spam_alert_view_bg_color

Page 9: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

친구

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 친구목록����������� ������������������  배경 thm_friendlist_bg 480����������� ������������������  *����������� ������������������  630����������� ������������������  /����������� ������������������  PNG

����������� ������������������  검색창����������� ������������������  영역

검색창����������� ������������������  인풋박스����������� ������������������  이미지 thm_general_searchboc_bg 9-patch

검색����������� ������������������  배경����������� ������������������  컬러 thm_general_default_list_search_item_bg drawable����������� ������������������  selector

검색창����������� ������������������  텍스트����������� ������������������  컬러 thm_general_searchbox_font_color color����������� ������������������  selector

헤더헤더����������� ������������������  배경����������� ������������������  이미지 thm_general_default_list_section_header_bg 9-patch

헤더����������� ������������������  텍스트����������� ������������������  컬러 thm_general_default_list_section_header_font_clolr color����������� ������������������  selector

친구����������� ������������������  목록

목록����������� ������������������  배경����������� ������������������  컬러����������� ������������������   colors

친구����������� ������������������  이름����������� ������������������  텍스트����������� ������������������  컬러 thm_general_default_list_item_title_font_color color����������� ������������������  selector

상태메시지����������� ������������������  배경 thm_friendlist_friend_status_bubble_bg 9-patch

상채메시지����������� ������������������  텍스트����������� ������������������  컬러 thm_friendlist_message_font_color color����������� ������������������  selector

Page 10: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

친구찾기

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 친구찾기����������� ������������������  배경 thm_recommend_bg 480����������� ������������������  *����������� ������������������  630����������� ������������������  /����������� ������������������  PNG

친구찾기����������� ������������������  버튼����������� ������������������  ����������� ������������������  영역

아이디����������� ������������������  검색����������� ������������������  아이콘 thm_recommend_menu_find_id_icon

45����������� ������������������  *����������� ������������������  45����������� ������������������  /����������� ������������������  PNG����������� ������������������  66����������� ������������������  *����������� ������������������  66����������� ������������������  /����������� ������������������  PNG

XHDPI����������� ������������������  권장

QR코드����������� ������������������  찾기����������� ������������������  아이콘 thm_recommend_menu_find_qr_icon

흔들어찾기����������� ������������������  아이콘 thm_recommend_menu_find_shake_icon

알리기����������� ������������������  아이콘 thm_recommend_menu_share_icon

디바이더����������� ������������������  라인����������� ������������������  컬러 thm_general_default_divider_line 9-patch

메뉴����������� ������������������  텍스트����������� ������������������  컬러 recommendlist_description_font

목록 플러스친구����������� ������������������  상태메시지����������� ������������������  컬러 recommendlist_description_font

친구����������� ������������������  추가����������� ������������������  버튼thm_btn_add_friend_n����������� ������������������  

thm_btn_add_friend_p63����������� ������������������  *����������� ������������������  51����������� ������������������  /����������� ������������������  PNG

Page 11: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

더보기

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 더보기����������� ������������������  전체����������� ������������������  배경����������� ������������������  이미지 thm_setting_bg 480����������� ������������������  *����������� ������������������  630����������� ������������������  /����������� ������������������  PNG

그리드����������� ������������������  메뉴����������� ������������������  영역

그리드����������� ������������������  메뉴����������� ������������������  배경����������� ������������������  컬러more_function_item_background����������� ������������������  

more_function_item_selected_background

그리드����������� ������������������  메뉴����������� ������������������  구분선����������� ������������������  컬러 thm_more_function_item_grid_line_color

아이템스토어����������� ������������������  아이콘 thm_more_function_item_itemstore_icon����������� ������������������  

60����������� ������������������  *����������� ������������������  60����������� ������������������  /����������� ������������������  PNG����������� ������������������  80����������� ������������������  *����������� ������������������  80����������� ������������������  /����������� ������������������  PNG

XHDPI����������� ������������������  권장

공지사항����������� ������������������  아이콘 thm_more_function_item_notice_icon.����������� ������������������  

설정����������� ������������������  아이콘 thm_more_function_item_setting_icon����������� ������������������  

선물하기����������� ������������������  아이콘 thm_more_function_item_giftshop_icon����������� ������������������  

플러스친구����������� ������������������  아이콘 thm_more_function_item_plusfriend_icon����������� ������������������  

게임����������� ������������������  아이콘 thm_more_function_item_gamecenter_icon.

메뉴����������� ������������������  텍스트����������� ������������������  컬러 thm_more_function_item_font_color

Page 12: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

미니프로필

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 미니프로필����������� ������������������  영역����������� ������������������  배경 thm_minipf_bg 480����������� ������������������  *����������� ������������������  300����������� ������������������  /����������� ������������������  PNG-����������� ������������������  9-patch����������� ������������������  필수-����������� ������������������  풍경이미지의����������� ������������������  경우����������� ������������������  전체영역을����������� ������������������  나인패치로

프로필����������� ������������������  정보이미지

기본����������� ������������������  프로필����������� ������������������  이미지 thm_general_default_profile_image 150����������� ������������������  *����������� ������������������  150����������� ������������������  /����������� ������������������  PNG

닫기����������� ������������������  버튼 thm_minipf_close_button_icon 45����������� ������������������  *����������� ������������������  45 X����������� ������������������  메타포����������� ������������������  살림

전화번호/계정����������� ������������������  버튼thm_minipf_voicetalk_n

thm_minipf_voicetalk_p

플러스����������� ������������������  친구����������� ������������������  수����������� ������������������  배경 thm_minipf_friends_count_bg

하단����������� ������������������  버튼thm_minipf_button_n

thm_minipf_button_p

텍스트����������� ������������������  정보

이름 thm_minipf_nickname_font_color

상태메시지 thm_minipf_status_font_color

전화번호/계정 thm_minipf_dial_button_font_color

플러스����������� ������������������  친구����������� ������������������  수 thm_minipf_friends_count_font_color

하단����������� ������������������  버튼 thm_minipf_button_font_color

Page 13: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

알림����������� ������������������  팝업

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 팝업����������� ������������������  배경����������� ������������������  이미지 thm_general_push_popup_bg

정보����������� ������������������  영역 이름/메시지����������� ������������������  텍스트����������� ������������������  컬러 thm_general_push_popup_font_color color����������� ������������������  selector

하단����������� ������������������  버튼

버튼����������� ������������������  이미지thm_general_push_popup_button_n����������� ������������������  

thm_general����������� ������������������  push_popup_button_p����������� ������������������   버튼����������� ������������������  사이����������� ������������������  라인����������� ������������������  빼고����������� ������������������  제작

버튼����������� ������������������  폰트����������� ������������������  컬러 thm_general_push_popup_button_color color����������� ������������������  selector

알림����������� ������������������  팝업����������� ������������������  >����������� ������������������  토스트����������� ������������������  팝업

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 토스트����������� ������������������  배경����������� ������������������  이미지 thm_general_toast_bg 9-patch 그림자����������� ������������������  필수

공유,전달����������� ������������������  시����������� ������������������  대화상대����������� ������������������  선택

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

탭����������� ������������������  텍스트

활성화����������� ������������������   thm_broadcast_picker_tab_font_color_selected

비활성화 hm_broadcast_picker_tab_font_color_normal

Page 14: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인STEP����������� ������������������  2

암호����������� ������������������  입력

구분 항목����������� ������������������   리소스명 권장����������� ������������������  타입 비고

공통 암호����������� ������������������  배경����������� ������������������  이미지 thm_passlock_bg 482����������� ������������������  *����������� ������������������  726����������� ������������������  /����������� ������������������  PNG 9-patch

입력����������� ������������������  박스����������� ������������������  영역

<암호>����������� ������������������  텍스트����������� ������������������  컬러 thm_passlock_title_font_color color����������� ������������������  selector

설명글����������� ������������������  텍스트����������� ������������������  컬러 thm_passlock_description_font_color color����������� ������������������  selector

입력박스����������� ������������������  인풋����������� ������������������  이미지 thm_passlock_code_image90����������� ������������������  *����������� ������������������  83����������� ������������������  /����������� ������������������  PNG����������� ������������������  drawable����������� ������������������  selector

입력박스����������� ������������������  체크����������� ������������������  이미지 thm_passlock_code_image_checked

키패드 키패드����������� ������������������  숫자num_0_n����������� ������������������  ~����������� ������������������  num_9_n����������� ������������������  /����������� ������������������  num_back_n����������� ������������������  

num_0_p����������� ������������������  ~����������� ������������������  num_9_p����������� ������������������  /����������� ������������������  num_back_p

48����������� ������������������  *����������� ������������������  67����������� ������������������  /����������� ������������������  PNG����������� ������������������  drawable����������� ������������������  selector

Page 15: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

패키지명/권한����������� ������������������  설정����������� ������������������  변경STEP����������� ������������������  3

패키지명은����������� ������������������  unique한����������� ������������������  값으로����������� ������������������  설정하여야만����������� ������������������  다른����������� ������������������  테마로����������� ������������������  덮어씌워지는����������� ������������������  일을����������� ������������������  막을����������� ������������������  수����������� ������������������  있습니다.����������� ������������������  

제작자의����������� ������������������  사이트(또는����������� ������������������  블로그����������� ������������������  등)����������� ������������������  도메인����������� ������������������  등����������� ������������������  식별자로����������� ������������������  사용할����������� ������������������  수����������� ������������������  있는����������� ������������������  값을����������� ������������������  사용해주세요.이외의����������� ������������������  다른����������� ������������������  정보는����������� ������������������  수정하지����������� ������������������  않으시는����������� ������������������  것이����������� ������������������  좋습니다.

!1)����������� ������������������  패키지명����������� ������������������  폴더����������� ������������������  하위����������� ������������������  >����������� ������������������  AndroidManifest.xml����������� ������������������  파일����������� ������������������  열기����������� ������������������  

2)����������� ������������������  패키지명과����������� ������������������  버전����������� ������������������  정보����������� ������������������  수정

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

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

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  package="com.kakao.talk.theme.kakaofriendsa"����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  android:versionCode="3"����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  android:versionName="4.0.0"����������� ������������������  >����������� ������������������  !����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <!--����������� ������������������  kakaotalk����������� ������������������  theme����������� ������������������  :����������� ������������������  아래����������� ������������������  권한����������� ������������������  부여가����������� ������������������  있어야만����������� ������������������  테마를����������� ������������������  사용할����������� ������������������  수����������� ������������������  있습니다����������� ������������������  -->����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <permission����������� ������������������  android:name="com.kakao.talk.theme.V1"����������� ������������������  />����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <uses-sdk����������� ������������������  android:minSdkVersion="4"����������� ������������������  />����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <application����������� ������������������  android:label="@string/app_name"����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  android:icon="@drawable/icon"����������� ������������������  />����������� ������������������  

</manifest>����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  

Page 16: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

리소스����������� ������������������  수정STEP����������� ������������������  4

패키지명/res/values/����������� ������������������  폴더����������� ������������������  의����������� ������������������  strings.xml����������� ������������������  파일을����������� ������������������  열면����������� ������������������  아래와����������� ������������������  같은����������� ������������������  내용을����������� ������������������  확인하실����������� ������������������  수����������� ������������������  있으며,����������� ������������������  

붉은����������� ������������������  색으로����������� ������������������  표시된����������� ������������������  부분에����������� ������������������  자신의����������� ������������������  테마에����������� ������������������  맞는����������� ������������������  이름을����������� ������������������  적어줍니다.����������� ������������������  ����������� ������������������  

테마����������� ������������������  이름은����������� ������������������  가급적����������� ������������������  20자����������� ������������������  이내로����������� ������������������  해주셔야����������� ������������������  설정����������� ������������������  화면에서����������� ������������������  정상적으로����������� ������������������  보여집니다.����������� ������������������  

1)����������� ������������������  테마명����������� ������������������  변경하기

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

<resources>����������� ������������������  !����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <string����������� ������������������  name="theme_title">Kakao����������� ������������������  Friends����������� ������������������  -����������� ������������������  Forest����������� ������������������  of����������� ������������������  Secrets</string>����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <string����������� ������������������  name="app_name">Kakao����������� ������������������  Friends����������� ������������������  -����������� ������������������  Forest����������� ������������������  of����������� ������������������  Secrets</string>����������� ������������������  

</resources>

패키지명/res/drawable-hdpi����������� ������������������  폴더����������� ������������������  에는����������� ������������������  테마����������� ������������������  기능을����������� ������������������  이용하여����������� ������������������  변경하실����������� ������������������  수����������� ������������������  있는����������� ������������������  샘플����������� ������������������  이미지들이����������� ������������������  있습니다.����������� ������������������  ����������� ������������������  

<STEP2.변경����������� ������������������  가능����������� ������������������  리소스����������� ������������������  확인>에서����������� ������������������  표를����������� ������������������  참조하여����������� ������������������  변경하고자����������� ������������������  하는����������� ������������������  이미지를����������� ������������������  동일한����������� ������������������  파일명으로����������� ������������������  교체하시면����������� ������������������  됩니다. 예를����������� ������������������  들어����������� ������������������  카카오톡을����������� ������������������  실행할����������� ������������������  때����������� ������������������  나타나는����������� ������������������  Splash을����������� ������������������  변경하고자����������� ������������������  하시는����������� ������������������  경우,����������� ������������������  위����������� ������������������  폴더����������� ������������������  내의����������� ������������������  thm_general_splash_img.png����������� ������������������  파일을����������� ������������������  교체하시면����������� ������������������  됩니다. 특별히����������� ������������������  바꿀����������� ������������������  필요가����������� ������������������  없는����������� ������������������  이미지가����������� ������������������  있으시다면,����������� ������������������  그대로����������� ������������������  두시거나����������� ������������������  삭제하셔도����������� ������������������  무방합니다.����������� ������������������  

!이미지����������� ������������������  중����������� ������������������  권장����������� ������������������  타입이����������� ������������������  9-patch로����������� ������������������  표시된����������� ������������������  항목은����������� ������������������  폰����������� ������������������  사이즈나����������� ������������������  상황에����������� ������������������  따라����������� ������������������  크기가����������� ������������������  변하는����������� ������������������  이미지로서,����������� ������������������  추가����������� ������������������  작업이����������� ������������������  필요����������� ������������������  합니다.����������� ������������������  ����������� ������������������  

9-patch����������� ������������������  방법에����������� ������������������  대해서는����������� ������������������  인터넷의����������� ������������������  강좌����������� ������������������  또는����������� ������������������  아래의����������� ������������������  링크를����������� ������������������  참조하시면����������� ������������������  됩니다.����������� ������������������  

����������� ������������������  ����������� ������������������  

http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch����������� ������������������  

!

2)����������� ������������������  이미지����������� ������������������  수정하기

Page 17: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

리소스����������� ������������������  수정STEP����������� ������������������  4

패키지명/res/values����������� ������������������  폴더����������� ������������������  의����������� ������������������  colors.xml����������� ������������������  파일에는����������� ������������������  기본적으로����������� ������������������  사용되며����������� ������������������  변경����������� ������������������  가능한����������� ������������������  컬러값들이����������� ������������������  정의되어����������� ������������������  있습니다.����������� ������������������  ����������� ������������������  

이����������� ������������������  값들을����������� ������������������  원하시는����������� ������������������  색으로����������� ������������������  변경����������� ������������������  가능하며,����������� ������������������  형식은����������� ������������������  #rrggbb����������� ������������������  또는����������� ������������������  #aarrggbb����������� ������������������  형태로����������� ������������������  정의합니다.

3)����������� ������������������  컬러값����������� ������������������  수정하기

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

����������� ������������������  <resources>����������� ������������������  

<!--����������� ������������������  변경����������� ������������������  가능한����������� ������������������  컬러값����������� ������������������  예시����������� ������������������  --> <color����������� ������������������  name="default_list_background">#ffaacc</color>����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <color����������� ������������������  name="default_list_selected_background">#fffbf14d</color>����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <color����������� ������������������  name="tab_bg">#ffee99bb</color>����������� ������������������  

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <color����������� ������������������  name="tab_bg_p">#ffaaaaaa</color>����������� ������������������  

����������� ������������������  </resources>����������� ������������������  

패키지명/res/color����������� ������������������  폴더����������� ������������������  하위에는����������� ������������������  좀����������� ������������������  더����������� ������������������  상세하게����������� ������������������  컬러값을����������� ������������������  지정할����������� ������������������  수����������� ������������������  있는����������� ������������������  요소들이����������� ������������������  각각의����������� ������������������  xml����������� ������������������  파일����������� ������������������  형태로����������� ������������������  정의되어����������� ������������������  있으며,����������� ������������������  ����������� ������������������  

이����������� ������������������  곳에서����������� ������������������  변경할����������� ������������������  수����������� ������������������  있는����������� ������������������  컬러값은����������� ������������������  위����������� ������������������  표에서����������� ������������������  ‘color����������� ������������������  selector’����������� ������������������  타입이라고����������� ������������������  되어����������� ������������������  있는����������� ������������������  항목들입니다.예를����������� ������������������  들어����������� ������������������  각����������� ������������������  탭에서의����������� ������������������  폰트����������� ������������������  색깔을����������� ������������������  설정하고����������� ������������������  싶다면����������� ������������������  thm_tab_text_font_color.xml����������� ������������������  파일을����������� ������������������  열어서����������� ������������������  원하시는����������� ������������������  값으로����������� ������������������  수정����������� ������������������  하시면����������� ������������������  됩니다.����������� ������������������  

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

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

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <item����������� ������������������  android:state_checked="true"����������� ������������������  android:color="#ffff0000"����������� ������������������  />����������� ������������������  

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

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <item����������� ������������������  android:state_focused="true"����������� ������������������  android:color="#ffff0000"����������� ������������������  />����������� ������������������  

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

����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  ����������� ������������������  <item����������� ������������������  android:color="#ff000000"����������� ������������������  />����������� ������������������  

</selector>����������� ������������������  

안드로이드����������� ������������������  고급����������� ������������������  사용자라면,����������� ������������������  drawable����������� ������������������  selector를����������� ������������������  변경하여����������� ������������������  기존에����������� ������������������  이미지����������� ������������������  타입으로����������� ������������������  지정되어����������� ������������������  있는����������� ������������������  값을����������� ������������������  컬러값으로����������� ������������������  바꾸거나����������� ������������������  ����������� ������������������  

혹은����������� ������������������  그����������� ������������������  반대로����������� ������������������  수정할����������� ������������������  수도����������� ������������������  있습니다.

Page 18: android theme guide KR - Kakao · 2017-10-23 · 파일다운로드 카카오톡테마는실행속도와확장성을고려하여apk파일형태로제작하도록설계되었습니다.

폰에����������� ������������������  설치STEP����������� ������������������  5

작업이����������� ������������������  모두����������� ������������������  끝났다면����������� ������������������  다시����������� ������������������  apk����������� ������������������  파일로����������� ������������������  Compile����������� ������������������  및����������� ������������������  Sign하여����������� ������������������  내����������� ������������������  폰에����������� ������������������  설치할����������� ������������������  수����������� ������������������  있습니다.카카오톡����������� ������������������  테마는����������� ������������������  설치����������� ������������������  시에����������� ������������������  어떠한����������� ������������������  권한도����������� ������������������  요청하지����������� ������������������  않으므로,����������� ������������������  만약����������� ������������������  권한을����������� ������������������  부여해야����������� ������������������  한다는����������� ������������������  메시지가����������� ������������������  나오면����������� ������������������  ����������� ������������������  

제작한����������� ������������������  테마에����������� ������������������  문제가����������� ������������������  없는지����������� ������������������  다시����������� ������������������  한����������� ������������������  번����������� ������������������  확인해����������� ������������������  봐야����������� ������������������  합니다.����������� ������������������  

!설치가����������� ������������������  성공적으로����������� ������������������  끝나게����������� ������������������  되면����������� ������������������  카카오톡의����������� ������������������  더보기����������� ������������������  탭����������� ������������������  >����������� ������������������  설정����������� ������������������  >����������� ������������������  테마����������� ������������������  설정����������� ������������������  메뉴에서����������� ������������������  설치한����������� ������������������  테마를����������� ������������������  확인하실����������� ������������������  수����������� ������������������  있으며,����������� ������������������  ����������� ������������������  

<적용하기>����������� ������������������  버튼을����������� ������������������  누르면����������� ������������������  바로����������� ������������������  테마가����������� ������������������  적용되게����������� ������������������  됩니다.����������� ������������������  

Apk����������� ������������������  파일����������� ������������������  설치


Recommended