Post Reply

[CM11 Theme Manager] Tutorial for theming beginners [XXHDPI]

OP blinqipa

12th June 2014, 05:35 PM   |  #1  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More

Hello guys ,in this tutorial I'm going to show you main steps to make a CM11 Theme , compatible with the newest theme engine .
I'll provide as much help as I can , stating here that I'm a themer for only two week , I started theming with @EnricoD who really helped me and guided me through this way .
So let's start off
Requirements:
* There's a template available to download on GitHub , made by elelinux .But @EnricoD made it simpler , thank him , also support elelinux by getting his theme Great Freedom on the Play Store
https://drive.google.com/file/d/0By2...it?usp=sharing
It is pretty stable , and good enough to make a complete theme .
*Download Android Studio , which is going to be used to compile the Great Freedom project , and make it available as .apk format to install on your ROM.
http://developer.android.com/sdk/installing/studio.html
*Android Studio won't work without the JAVA JDK , which you can download in the link below :
http://www.oracle.com/technetwork/ja...s-2133151.html
*You MUST have a ROM which includes the newest CM Theme Manager firstly introduced in the CM11S .
*Working brain
*PC, with a decent internet speed , believe me we had enough difficulties with enricocid downloading that android studio on a slow internet :/ .
*Time and Patience .Patience because you're going to test the theme you made many times .
You can ask questions , I know how it feels to be a beginner , so don't worry I , @EnricoD , and other users here will do their best to help you
Last edited by blinqipa; 14th June 2014 at 03:51 PM.
The Following 38 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 05:36 PM   |  #2  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
1st Steps on theme making
Here we are , assuming that you have downloaded the Android Studio , the template , and set them properly .
What are we going to work on ?
We are going to work on the template , but know that you won't touch anything except the assets folder .
When you go to that folder (assets ) you'll see a bunch of folders .
The one you need for UI theming is overlays folder .
Let's say you are going to theme Paranoid Android or CM (it doesn't really matter , however they differ !) , you'll get the SystemUI.apk from the ROM.zip (exactly here : ROM/System/Priv-app) , decompile(I'll cover you here too ) it and you'll get another folder called systemUI filled with FOLDERS

How it looks :

Then edit whatever you want (except the .9.png's , I'll also cover that for you).In my case I have edited all the photos (.png's) with Photoshop CS6


I'm done with editing the drawable-xxhdpi , you may edit whichever folder you want , drawable-xhdpi etc.
Then I go to the Your Theme\Your theme\assets\overlays and create a folder there with the name | com.android.systemui | and create another folder inside the com.android.systemui named res and then copy the whole folder you have themed in the SystemUI , in my case it is drawable-xxhdpi .


If you want to edit drawable-xhdpi or any folder for the systemUI , you need to create a folder with identical name in the overlays/com.android.systemUI .
Then if you want to edit framework-res , continue with the same steps (decompile >edit>create a folder in overlays named | android | )
Understand the logic , every part of the app has a special name , which you can find it in the AndroidManifest.xml of the app you decompile , here's an example :



So understand , example : you want to edit the XXXXXXXX.apk , you decompile it , get it's name path in the AndroidManifest.xml , and create a folder in the overlays with the name you took in the AndroidManifest.xml .(I'll take some main system apps path names and will give them to you )
Simple right?
Now we're getting into a simpler step , building the .apk with Android Studio


||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~|| ~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~| |~||~||~||~||~||~||~||~||~||~||~||~||~||

Bootanimation
To get a bootanimation work on the theme , you got to copy the bootanimation.zip and put it in the Your Theme\Your theme\assets\bootanimation
Font
To get a font work on the theme , you got to copy the .ttf (font format ) and put it in the Your Theme\Your theme\assets\fonts

||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~|| ~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~| |~||~||~||~||~||~||~||~||~||~||~||~||~||

The same logic applies to the ringtones , notifications , alarms , lockscreen , wallpapers annd so on .

||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~|| ~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~||~| |~||~||~||~||~||~||~||~||~||~||~||~||~||
If you want to change the name of the theme you got to do this :

Change the "Your Theme" as you wish .
Last edited by blinqipa; 14th June 2014 at 03:49 PM.
The Following 11 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 05:37 PM   |  #3  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
Building the .apk with the Android Studio
Open up the Android Studio .
Then click File -> Import Project... then locate where the template is .




And then compile the project

Hint : you may use Ctrl + Shift + F9 combo to compile it .
Then get the .apk , found here :

Install it , and that's it , you got a theme now
The Following 15 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 05:38 PM   |  #4  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
Filepaths to some main packages
Names to the main packages filepath :
android (framework-res.apk)
com.android.dialer (Dialer.apk)
com.android.email (Email.apk)
com.android.keyguard (Keyguard.apk , lockscreen theming)
com.android.settings (Settings.apk)
com.android.systemui (SystemUI.apk)


You may ask for another one , I'd be happy to help you
Last edited by blinqipa; 14th June 2014 at 04:10 PM.
The Following 9 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 05:38 PM   |  #5  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
CREDITS
Credits :
@elelinux for the template he provided , he sacrificed maybe hours and hours for us .

@EnricoD for providing the simplified template.zip .Half of this thread is his , he guided me greatly and patiently throughout this process

@wiredmark for giving me steps to change the name of the app

@ibanez7 for his great tutorial on how to decompile an .apk

CyanogenMod team , for making a theme manager for us .

And everyone that guided me through this way
Last edited by blinqipa; 14th June 2014 at 04:10 PM.
The Following 7 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 05:39 PM   |  #6  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
FAQ
What is decompiling ?
Decompiling is a process , in which you get every part of an app (.apk) , it is so simple , where you only need basic knowledge on Command Prompt (CMD.exe) , as I said , I got to cover you with a simple tutorial :
http://forum.xda-developers.com/show....php?t=2251719

How can I edit .9.png's ?
They're same as any .png file , but if you edit it , you MUSTN'T touch /color the black parts/corners ,leave those parts black.
Last edited by blinqipa; 14th June 2014 at 04:09 PM.
The Following 6 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 08:02 PM   |  #7  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
++++reserved++++

Sent from my Nexus 5 using XDA Premium 4 mobile app
The Following 4 Users Say Thank You to blinqipa For This Useful Post: [ View ]
12th June 2014, 10:34 PM   |  #8  
KorGuy123's Avatar
Senior Member
Flag Barrie
Thanks Meter: 863
 
1,784 posts
Join Date:Joined: Sep 2012
Donate to Me
More
Can't wait to try this. Looks awesome. Weekend project for me next week.

Sent from my SGH-I747M using XDA Free mobile app
The Following User Says Thank You to KorGuy123 For This Useful Post: [ View ]
13th June 2014, 09:33 AM   |  #9  
EnricoD's Avatar
Recognized Contributor / Themer
Thanks Meter: 3,956
 
2,210 posts
Join Date:Joined: May 2013
Donate to Me
I think someone should download cm/pa/omni sources and get all res folders with only useful drawables to be themed, upload a basic template and explain how to theme things like scrubbers etc etc so we can ask xda to feature a complete guide on the portal
i can't ;( very slow internet connection will do when in Siena maybe
The Following User Says Thank You to EnricoD For This Useful Post: [ View ]
13th June 2014, 10:05 AM   |  #10  
blinqipa's Avatar
OP Senior Member
Flag Kosova
Thanks Meter: 350
 
783 posts
Join Date:Joined: Aug 2012
More
Quote:
Originally Posted by EnricoD

I think someone should download cm/pa/omni sources and get all res folders with only useful drawables to be themed, upload a basic template and explain how to theme things like scrubbers etc etc so we can ask xda to feature a complete guide on the portal
i can't ;( very slow internet connection will do when in Siena maybe

Siena
I'll try to do it today ,and will post 2 different templates for PA /CM .

Sent from my Nexus 5 using XDA Premium 4 mobile app

Post Reply Subscribe to Thread
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Top Threads in Android Themes by ThreadRank