중학생때 취미였던 테마만들기
아이폰에서 갤럭시로넘어오며, 또 요즘 다시 덕질을 하게 되며 내 테마가 갖고 싶어져 알아보니 많이 달라졌더라
많이 어려워졌더라,..옛날엔 프로그램하나로 걍 만들수 있었던것같은데.. 그리고 설명이 부족해서 가이드만으론 일반인은 절대못만들겠다 싶었음..
그래서 적어보는 일반인도 할수있는 나만의 카카오톡테마만들기
1.준비
1)카카오톡 샘플 프로젝트 받기
2) jdk 설치
3)안드로이드 스튜디오 설치!
1)카카오톡 샘플 프로젝트 받기
https://www.kakaocorp.com/page/service/service/KakaoTalk?lang=ko#tab2-1
카카오톡 홈페이지에 들어가서 기본 프로젝트 파일을 다운받아야 한다.
끝까지 드래그한다음 엥 없는데?? 하지말고 더더
드래그하면 그... 판업화면이 바뀌고 새플 테마 파일을 받을 수있다.
- 가이드는 파일 설명서이다 이것으로 어떤게 어디에쓰이는지 확인하며 파일을 교체할수있다.
- 프로제트 파일을 받아 압축을 푼다
2) jdk 를 설치해준다
Standard Edition JAVA Development Kit
자바 표준 개발 키트
java를 사용하기 위해선 꼭 필요하다!
apk(android package)로 이루어져있는 파일을 수정해주기위해설치한다
저는 이미 설치가 되어있어서
참고!
3)안드로이드 스튜디오 설치!
안드로이드스튜디오 툴을 이용해 빌드,색상등을 바꿀것이라 깔아줘야함
https://developer.android.com/studio#downloads
안드로이드스튜디오사이트에서 다운받고 .exe파일을 실행시켜주면 깔수있음
주의할점.. 윈도우 user이름이 한글이면 설치가 되지않음.. 설치경로에 한글이 포함되면 안드로이드 스튜디오가 인식을 못함..
아님.. 걍 포기하거나 컴퓨터를 포맷하거나 구글링 을 통해 위기를 돌파하셔야되는데 저는 도저히 안돼서 걍.. 포맷함 최악이져? ㅠㅋㅋ
테마프로젝트를 수정하는데 최적인 프로그램이라 안드로이드 스튜디오를 쓰는건데 사실 굳이 이 툴을 쓰지 않아도 테마를 만들순있어서 깔리지 않는다면 다른 방법을 도모해서 하시면 됩니다.
이 툴을 설치하지않고 각 파일들을 수정해서 할 수도 있을것같은데 나중에 도전해 보고 올릴게요~
2.테마만들기!
2)테마색상 변경하기
3)말풍선 만들기
1)이미지수정하기
apeach-9.9.5-source샘플 프로젝트를 압축풀면 저런구성일텐데
gradle 은 빌드 자동화툴로 우리 핸드폰에서apk가 작동 할 수 있게 빌드를 관리해주는 툴이다.
src 는 souce파일이 들어있다 이 파일들을 수정해 테마를 제작할것이다.
가이드를 확인하면 어떤이미지가 어떤역할을 하는지 다 적혀있다 가이드를 따라
src>main>theme 안에있는 이미지 파일들을 만들고싶은 테마에 맞게 수정해준다.
주의할점! 파일 수정시 이미지크기,이름,확장자(.png)변경은 절대 하지말아야 한다.
난 그림툴에서 그냥 샘플의 이미지파일 불러와서 바로 수정하는 방법을 썼다.(실수할확률이적다.. 오타라던가..)
또한 drawable-xxhdpi 의 말풍선을 수정할때 검은선 같은것가 가장자리에 있을것이다 그것은 지워선 안된다
나인패치에 관한 설명은 뒤에나온다 참고하며 수정하기!
참고!또한 src>main>res의
이 파일들을 수정해준다
이것은 테마아이콘 파일로 테마를 마켓에 올리거나 다운받을때 볼수있는 이미지들이다.
2)테마색상 변경하기
안드로이드 스튜디오 실행!
나는 옛날에 설치해서 이미 사용하고 있었기 때문에 여러분들이랑 조금 다를 수도있다 ㅠㅠ
아마 .configure 혹은 나와 같은 화면이 뜬다면 ...을 눌러 SDKmanager 를 클릭
이화면의 안드로이드 버전을 전부 설치해준다..
(이미 프로젝트 파일을 열었다면 위의 상단바 메뉴의 file>setting 에서 SDKmanager검색하기!)
암튼 import project 혹은 open 으로 프로젝트 파일을 불러온후 빌드 될때까지기다려준다
아래쪽의 빨간색 표시한부분의 로딩이 끝나고 폴더옆 파란표시(코끼리일수도)뜨면 빌드 끝!
왼쪽상단 위 안드로이드>project file로 바꿔줌
프로젝트 파일>main>res>value 안의 color.xml열어줌
+ 하놔.. 제프로젝트파일이 뭔가이상해서 다시 깔아봤더니 구조가다르더군용..수정중 오류가있었나봐요
color만고치지마시구..res 안이 xml파일들 보시면 컬러설정하는것이있는건 전부 수정해주세요 방식은 같습니다.
<color name="사용되는곳">#컬러코드</color>
이라고 생각하면 편하다 사실 색상에 이름을부텨주고 코드내 여러곳에서 쓸 수 있게 정의해주는 것이다.
색상코드를 써도 되지만 코드옆 작은 네모를 누르면 해당색상을 팔레트로 바꿀수있다(최고!)
3) 말풍선 만들기
안에글이 얼마나 들어가느냐에따라 말풍선 크기는 바뀐다 기본형을 만들어두고 글내용의 크기에맞게 이쁘게 늘였다줄였다하는것을 나인패치가 해준다
우리는따로 작업을 할 필요없고 말풍선이미지를 수정할때 가장자리의 검은 픽셀들은 수정하지않고 말풍선부분만 수정하고 안드로이드 스튜디오에서 확인하면 검은 선 중심으로 이미 나인패치가 적용되어있다. 실제 앱상에서는 검은 선이 보이지 않으니 안심!
src>main>theme >drawable-xxhdpi에서
theme_chatroom_bubble로 시작하는 파일들을 다 확인해주면됨
아래쪽의 show를 체크해 글이 나오는 부분과 패치가 잘적용되었는지 확인하는 작업을한다
zoom으로 화면으로 당길수있고 path scale 을 조절해 잘적용되었는지 확인할수있다.
3)마무리
1)bulid 파일 수정하기
bulid.gradle 파일을 열고
versionName,versionCode 은 꼭!! 가이드
를 보고 수정해야 한다
카카오톡 버전이 바뀔떄 같이 바뀌므로 꼭 본인시간선의알맞은 버전을 적용하도록하자
applicationId 은"com.kakao.talk.theme.이름"느낌으로 수정하면 된다.
2) 테마이름 수정하기
src>main>theme >value 의string.xml 파일을 수정하면 되는데 이것은 글로벌버전
value-ko 한국버전,value-ja는 일본어버전을 위한것이다 알맞게 수정하면 될것같다 (나는 걍 다..영어로함.)
3) 서명apk 생성
bulid>generate signed bundle/apk를 클릭
서명 안드로이드 번들과 apk중 apk를 선택하고
key store를 생성해주며 위치 지정해주는는데 프로젝트 안에 key폴더를 생성해주고 그곳으로지정해준다.
파일이름도 기억하기 쉽게 [테마이름-key]로하였다.
비밀번호를 적어주고(6자리이상) 유효기간은 넉넉하게..100년^^ 이름까지 적어주면 된다
이름 밑은 안적어두됨
생성~
이제 이파일을 다운로드ㅐ서 설치하면 테마적용 할수있다~~