카카오톡 테마 만들기

카카오톡 테마 만드는 법 4편 - 안드로이드 스튜디오에서 테마 파일 프로젝트로 여는 방법 (+자세하게, tmi)

살구공작소 2022. 12. 2. 01:26




지난 글 3편에서 압축을 풀어준 Android 나만의 카카오톡 테마 만들기 폴더를 안드로이드 스튜디오에서 프로젝트로 불러오는 법, 오류없는 카카오톡 테마 제작을 위한 초기 세팅을 하는 법과 테마코드와 테마명 등 코드를 변경하는 법에 대해서 알아봐요!

 

 


 

이전글

 

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

 

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

이전글 카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi) 카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi) 카카오톡 테마를 구성 이미지 파일 알

salgudiy.tistory.com

 

 


 

카카오톡 테마 만드는 법 모아보기

카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi)

카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi)

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

카카오톡 테마 만드는 법 4편 - 안드로이드 스튜디오에서 테마 파일 프로젝트로 여는 방법 (+자세하게, tmi)

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

카카오톡 테마 만드는 법 6편 - 안드로이드용 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 7편 - 안드로이드용 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 8편 - iOS 말풍선 알아보기(+자세하게, tmi)

카카오톡 테마 만드는 법 9편 - iOS 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 10편 - iOS 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 12편 - 앱 아이콘 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 14편 - apk 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 15편 <마지막편> - 안드로이드용 말풍선 응용형2 + 작업방식 (+ 자세하게, tmi)

아이폰 카톡 테마 쉽고 빨리 만들기 : 메인탭 버튼 편 (ft. 스크립트 공유)

아이폰 카톡 테마 쉽고 빨리 만들기 : 잠금 버튼 편 (ft. 스크립트 공유)

 


 

카톡테마 만드는 법

 

 

 

1. 테마 만들기 파일을 안드로이드 스튜디오 프로젝트로 열기

 

안드로이드 스튜디오를 실행시켜 줍니다.

 

안드로이드 스튜디오

 

Open을 눌러줍니다.

 

안드로이드 스튜디오 파일

 

apeach-9.7.5-source를 찾아서 열어줍니다. 파일명 앞에 외계인 같이 생긴 초록색 안드로이드 아이콘으로 떠있어서 찾기 쉬워요!

 

 

apeach-9.7.5-source

 

 

 

3편에서 압축 풀어준 이 파일 입니다!

 

 

안드로이드 스튜디오 빌드

 

창이 열리면 Build 부분을 눌러줍니다.

 

안드로이드 스튜디오 진행 과정

 

린 Build 창과 하단 바에서 진행 과정을 볼 수 있습니다.

 

안드로이드 스튜디오 빌드 성공

 

 

하단의 진행상황 바가 사라지고 BUILD SUCCESSFUL 이라고 뜨면 이제 작업이 가능합니다.

 

 

이렇게 처음 파일을 열면 로딩 기다리는 시간이 있으니 여시고 여유롭게 커피 드시고 오세요!

저는 로딩하는데 9분 17초나 걸렸네요.

 

 


 

2. 테마 만들기 파일 초기 세팅해주기

 

 

제일 처음으로 안드로이드 스튜디오에서 테마 폴더를 여셨다면

 

Clean Project

 

Build > Clean Project를 눌러줍니다.

 

Build Analyzer results available

 

Clean project 과정이 끝나면

 

Rebuild Project

 

Build > Rebuild Project를 눌러줍니다.

 

카카오톡 안드로이드 파일 만들기

 

 

Rebuild Project가 끝났습니다.

이 과정을 거치지 않으면 나중에 .apk까지 추출한 카톡 테마 파일을 핸드폰에 넣고 설치했을때 설치가 안되는 오류가 생길때도 있어서 저는 처음 시작하면 이 작업부터 해줘요.

 

* 이 작업은 처음 테마 파일 여셨을때만 해주시면 돼요!

다음에 이 테마 파일을 수정할때는 또 해주시지 않으셔도 됩니다!

 

 


 

 

3. 코드 수정해주기

 

1) build.gradle

 

build.gradle

 

Android > Gradle Scripts > build.gradle 파일을 여시고

 

카카오톡 테마 가이드 빌드카카오톡 테마 build gradle 수정

 

9.7.5_UserThemeGuide_Android.pdf 테마 가이드 문서를 보면서 변경해줘야 하는 부분을 변경해줍니다.

 

 

제일 마지막 부분의
applicationId "com.kakao.talk.theme.template"
은 내가 만든 테마의 코드명을 부여해주는 것이에요.
이 코드명이 중복되면 추후에 설치된 테마 파일로 덮어쓰기 됩니다.

아무거나 자신만의 코드 생성 규칙을 가지고 입력해주세요.
예) 벚꽃테마 -> 테마 이름 : 벚꽃과 분홍분홍한 토끼 -> 테마 코드명 : cprv01
(cprv01은 Cherry blossom Pink Bunny Version 01를 줄여 만들어 본 코드명입니다.)

• 다른 테마와 중복되지만 않으면 어떤 이름이든 상관 없어요.
• 영어 소문자와 숫자를 이용해 만들어주세요

 

안드로이드 스튜디오 저장하기

 

입력을 완료해 주셨다면 File > Save All 을 눌러 저장해주세요.

 

Sync Project with Gradle Files

 

File > Sync Project with Gradle Files을 눌러줍니다.

 

 

Gradle 싱크

 

BUILD SUCCESSFUL이 뜨면 싱크 완료!

 


 

2) 테마명 수정해주기 (strings.xml)

 

 

 

res >values > strings > 에서

strings.xml

strings.xml (ja)

strings.xml (ko)

을 열어줍니다.

 

Apeach나 어피치로 작성된 테마명을 변경해줍니다.

(테마명에 ' 가 들어가면 나중에 apk 파일로 만들때 오류가 납니다.

나중에 나는 아무것도 잘못 설정한게 없는데 오류가 난다 싶으면 테마명에 사용 불가한 일부 특수기호가 들어가진 않았는지 확인해주세요! 특수기호 중 [ ], _, - 등은 사용 가능했습니다. )

 

 

 

 

저는 카카오톡 영어버전 테마명은 'Test Theme'로 변경해주었어요.

 

 

카카오톡 일본어버전 테마명도 'Test Theme'로 변경해주었습니다.

 

카카오톡 테마 테마명 지정

 

 

카카오톡 한국어버전 테마명은 '테스트 테마'로 변경해주었어요.

 

카카오톡 테마 만들기 테마 이름 정하기

 

File > Save All 로 변경사항을 저장하시면 테마명 변경 완료!

 


 

3) 중간 중간 안드로이드 스튜디오 외부에서 작업했을 때

 

 

 

작업 중간중간에 안드로이드 스튜디오 외부에서

이미지를 교체해주거나 코드를 변경해 주셨으면 Reload All from Disk도 한번씩 눌러주세요.

 

 


 

4. 프로젝트 닫기

 

 

안드로이드 스튜디오 프로젝트 닫기안드로이드 스튜디오 메인 화면

 

 

File > Close Project를 누르면 해당 프로젝트를 닫고 안드로이드 스튜디오 메인 화면으로 돌아가실 수 있습니다.

 

 

다음글에서는 안드로이용 카카오톡 말풍선에 대해서 알아보아요!

 

 


 

다음글

 

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

 

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

안드로이드용 카카오톡 테마 말풍선은 나인패치 방식을 사용합니다. 말풍선을 직접 만들어 보기에 앞서 나인패치에 대해서 가볍게 알아보고, 안드로이드 스튜디오에서 나인패치 이미지를 불러

salgudiy.tistory.com

 


 

카카오톡 테마 만드는 법 모아보기

카카오톡 테마 만드는 법 1편 - 프로그램 설치 (+자세하게, tmi)

카카오톡 테마 만드는 법 2편 - 카카오톡 테마 만들기 파일 다운받기 (+자세하게, tmi)

카카오톡 테마 만드는 법 3편 - 카카오톡 테마 구성 이미지 파일 알아보기 (+자세하게, tmi)

카카오톡 테마 만드는 법 4편 - 안드로이드 스튜디오에서 테마 파일 프로젝트로 여는 방법 (+자세하게, tmi)

카카오톡 테마 만드는 법 5편 - 나인패치에 대해 알아보자 (+자세하게, tmi)

카카오톡 테마 만드는 법 6편 - 안드로이드용 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 7편 - 안드로이드용 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 8편 - iOS 말풍선 알아보기(+자세하게, tmi)

카카오톡 테마 만드는 법 9편 - iOS 말풍선 기본형 (+자세하게, tmi)

카카오톡 테마 만드는 법 10편 - iOS 말풍선 응용형 (+자세하게, tmi)

카카오톡 테마 만드는 법 11편 - 컬러코드 수정하는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 12편 - 앱 아이콘 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 13편 - ktheme 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 14편 - apk 파일 만드는 법 (+ 자세하게, tmi)

카카오톡 테마 만드는 법 15편 <마지막편> - 안드로이드용 말풍선 응용형2 + 작업방식 (+ 자세하게, tmi)

아이폰 카톡 테마 쉽고 빨리 만들기 : 메인탭 버튼 편 (ft. 스크립트 공유)

아이폰 카톡 테마 쉽고 빨리 만들기 : 잠금 버튼 편 (ft. 스크립트 공유)