[GUIDE][THEMING] Simple Android Theming Guide [NOOB PROOF!!!] - Android General

Hello xda,
i was thinking of making a simple android theming guide for you guys because i get a lot of questions like: how do you theme and what do you use?
So today i will show you how to theme in the easiest way!
WARNING: I will not be responsible for anything that hapens to your device
THIS GUIDE IS NOOB PROOF
What will you need?
- 7zip from this link: http://www.7-zip.org/
- Image Resizer from this link: http://imageresizer.codeplex.com/
- systemui/framework or any other apk you want to theme from your rom
- systemui/framework or any other apk you want to theme from a other Phone
- Some knowledge and patiente!!! <---- The last one is very important
Click to expand...
Click to collapse
(I take for example my Systemui.apk and the Systemui.apk from the Galaxy S4)
BASE ROM= Your rom from your Phone
THEME ROM= Rom from other Phone
Step 1)
Make 2 folders on your desktop
1: Base rom
2: Theme rom
And put the systemui.apk from your base rom in the base rom folder
And put the systemui.apk from the theme rom in the theme rom folder
Click to expand...
Click to collapse
Step 2)
(OPEN .apk's with 7zip)
Open up the SystemUI.apk from the BASE ROM.
And Open up the SystemUI.apk from the THEME ROM.
Click to expand...
Click to collapse
Step 3)
Now you will see 2/3 folders and 2 other files copy the res folder to your folder you just created on you desktop!(Do the same with the THEME ROM SystemUI.apk)
Click to expand...
Click to collapse
It should look like this:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Step 4)
In the res folder are a lot of other folders what you need to do now is open up the drawable-mdpi folder (It can also be drawable-ldpi/drawable-xhdpi/drawable-hdpi or drawable-xxhdpi) (THIS DEPENDS ON THE PHONE YOU HAVE)
Do the same on the THEME ROM SystemUI.apk
Click to expand...
Click to collapse
It should look like this:
Step 5)
Now here i need to tell you something you need to follow me exactly otherwise you theme will look like sh*t.
Take a file you want to replace for example i take the wifi icons
look for stat_sys_wifi_signal in your BASE ROM and also in the THEME ROM!
Click to expand...
Click to collapse
It should look like this:
Step 6)
Use the image resizer program for this!
Now you need to look at the size of the BASE ROM wifi icon and at the THEME ROM wifi icon size and resize the THEME ROM wifi icon size to the size from the BASE ROM wifi icon! (if you need to rename it rename it to the same name as the BASE ROM wifi icon otherwise it won't work!)
Click to expand...
Click to collapse
How to resize with image resizer?
Click with your right mouse button on the picture and click on resize pictures and tick the custom box and fill the size there in.
Click to expand...
Click to collapse

I was expecting more !!!
Hi
That was awesome explanation so thanks so much :fingers-crossed:
But i have an other question....
How do you transform the official samsung roms (.md5) as example to flashable CWM zip (.zip) ????
if it is a complicated so forget about my question and thanks again

I will write a guide for that soon
Sent from my YP-GS1 using xda app-developers app

and for changing the boot animation, this looks like what we need:
http://forum.xda-developers.com/showthread.php?t=2189934
on our system it is /system/media/bootsamsung.qmg for now, until roms with kernels with bootanimation.zip come out

krzee said:
and for changing the boot animation, this looks like what we need:
http://forum.xda-developers.com/showthread.php?t=2189934
on our system it is /system/media/bootsamsung.qmg for now, until roms with kernels with bootanimation.zip come out
Click to expand...
Click to collapse
No this method is 1000 ways simpler!!!
http://forum.xda-developers.com/showthread.php?t=1964778

very nice

Related

AOSP Lockscreen Defy

How can i get the AOSP Lockscreen to my Defy?
I have root and the 155's SBF
you have to edit the framework-res.apk in system folder.
Blackcorsa said:
you have to edit the framework-res.apk in system folder.
Click to expand...
Click to collapse
A little bit more info would be perfect thx
you take the root explorer or super manager and copy the framework-res.apk on your sd card and then to your pc.
then you rename it to framwork-res.rar and extract it with winrar.
Then you open the extracted folder an search for the slider pictures.
you can edit it they are only pictures.
if you have edited it you make a rar of the folder.
renamed in framework-res.apk and copy in you system folder on you defy.
thats it.
sorry for my poor english
Blackcorsa said:
you take the root explorer or super manager and copy the framework-res.apk on your sd card and then to your pc.
then you rename it to framwork-res.rar and extract it with winrar.
Then you open the extracted folder an search for the slider pictures.
you can edit it they are only pictures.
if you have edited it you make a rar of the folder.
renamed in framework-res.apk and copy in you system folder on you defy.
thats it.
sorry for my poor english
Click to expand...
Click to collapse
Perfect, thx but where are the AOSP Pictures?
Jojo1992 said:
Perfect, thx but where are the AOSP Pictures?
Click to expand...
Click to collapse
By the way, is it possible to control the Music with the Lockscreen? Like by a sense rom?
here is the framework-res.apk from Pays Rom 3.3
It has AOSP Sliders included.
If you are using 3.4.2-155-2 try this.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
PowerAMP has the music lockscreen. But this should be in themes section I think.
Metamorph AOSP-Lockscreen
I made a Metamorph-Theme for myself which patches any framework-res.apk with the AOSP-Lockscreen.
Maybe this will help you.
it is for all Frameworks ?
Or all of the Froyos ?
I only tested it with some Froyos but theoretically it should work on Eclair, too.
Make a nandroid-backup and give it a try...
I made a update.zip for my own use.
Use at work own risk. It worked for me (JRDNEM_U3_3.4.2_155-002_DEBLUR).
Go into ClockWorkMod Recovery and use the option "Install zip from sdcard".
Thanks dedraks it works on my 3.4.2-177
dedraks said:
I made a update.zip for my own use.
Use at work own risk. It worked for me (JRDNEM_U3_3.4.2_155-002_DEBLUR).
Go into ClockWorkMod Recovery and use the option "Install zip from sdcard".
Click to expand...
Click to collapse
Would it also work in the latest CEE Froyo?
yes works fine, and works too on gingerbread roms!
Does it just changes the Slider or also the notificationbar and the symbols there?
So this also works in stock roms and I don't need a custom, deodexed rom in order to have this lockscreen? I just follow the guidelines in the first page and I am good to go?
you change only the zmotoxxx.png image in res/drawable hdpi, used 7zip! this is all!
its only lockscreen image, if you want the status bar aosp, you have to replace the framework.res
I have stock 3.4.2 179. How can I get the lockbar from page 1 of this thread ?
Can I still follow the instructions form page one with the files from page one ? Or are those files incompatible with newer versions of froyo ?

black status bar

i use the rom freakcha 1.3
is there any way to make the status bar black?? i use awd launcher and after a reboot the status bar is black, but when i pull it the first time down it will be white.
thanks carsten
Google is your friend:
http://androidforums.com/motorola-droid/25718-changing-statusbar-color.html
http://www.droidforums.net/forum/droid-themes/7973-transparent-status-bar-shade-rooted-droid.html
Is transparent black then?
I will try this as I want my notification Bar black too.
No transparent is not black. But the guide there tells you how to change it. It's task that takes 5 minutes of editing in Gimp/PS (took me 5 mins in Photoshop).
Ah - photoshop is out of my league!
I think uot must have the option, I'll add it to list of things to do when I get back home!
qbert456 said:
Ah - photoshop is out of my league!
I think uot must have the option, I'll add it to list of things to do when I get back home!
Click to expand...
Click to collapse
It will not work with uot. You need to manually modify the files as said in the thread there. Otherwise keep on with white on stock rom.
Alex C. said:
It will not work with uot. You need to manually modify the files as said in the thread there. Otherwise keep on with white on stock rom.
Click to expand...
Click to collapse
Hi, i cant find the white bar in the framework apk???
To make it black with photoshop is easy
Sent from my HTC ChaCha A810e using xda premium
framework-res.apk
com.htc.resources.apk
SystemUI.apk
Have you searched inside these files? I don't have the stock ROM and I can only guide you "blindly". There should be a "status_bar*.png" set of files; use search as these are inside subfolders, a few levels below the root folder.
Alex C. said:
framework-res.apk
com.htc.resources.apk
SystemUI.apk
Have you searched inside these files? I don't have the stock ROM and I can only guide you "blindly". There should be a "status_bar*.png" set of files; use search as these are inside subfolders, a few levels below the root folder.
Click to expand...
Click to collapse
yes in all 3 files i have searched!!
i use freakcha 1.3 it is the stock with small changes
you can download the rom here: http://www.megaupload.com/?d=MCSNO0RJ
thanks for your help
SystemUI.apk
\res\drawable-mdpi\
Alex C. said:
SystemUI.apk
\res\drawable-mdpi\
Click to expand...
Click to collapse
hi alex, i found there only this file "status_bar_header_background.9.png"
and this is a black one
I also think there must be another way. when I start the phone, the status bar is indeed black, then yes it changes to white after use. you should be able to prevent just that the color changes! I though the picture alters the change will take place anyway, and then the font color is still dark and therefore not to read
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
I've done it!!!
So if someone can tell me now how I get the clock & date white then i would be very happy!!!
I would donate it
Sent from my HTC ChaCha
Does it stay black all the time?
qbert456 said:
Does it stay black all the time?
Click to expand...
Click to collapse
YES!!!
it still follows today a manual
if you have also android 2.3.5 on your chacha you only need to flash the attached file with cwm
Sent from my HTC ChaCha
I'll wait to see how you did it!
Well done!!
qbert456 said:
I'll wait to see how you did it!
Well done!!
Click to expand...
Click to collapse
unzip the attached file and put the files into SystemUI.apk (/system/app/systemui.apk)
and a lot of fun with your black status bar
carstenheuer said:
unzip the attached file and put the files into SystemUI.apk (/system/app/systemui.apk)
and a lot of fun with your black status bar
Click to expand...
Click to collapse
if you created this with UOT kitchen, did you have the UOT settings?
and by the way what launcher are you using?
carstenheuer said:
if you have also android 2.3.5 on your chacha you only need to flash the attached file with cwm
Click to expand...
Click to collapse
wow wow wow ... it works! many many thx!
cheers, Peter

[q] how to change app icons

Hi guys
i want to change the icons of all the apps on my galaxy r
is there a way to to do so in one go??
thnx
abu46 said:
Hi guys
i want to change the icons of all the apps on my galaxy r
is there a way to to do so in one go??
thnx
Click to expand...
Click to collapse
you can install a launcher or modify the icon inside all the apks of your applications.
Salu2,
SiWy ;-)
how to modify icons inside the apks of apps?
abu46 said:
how to modify icons inside the apks of apps?
Click to expand...
Click to collapse
You need to decompile the apk's with apk manager (need adb installed) then, in the decompiled apk, open it and go to /system/res/drawable-hdpi (or mdpi, if it's that), and look for the icon in there.
Easier way....copy those apps whose icons you want to change to your hard drive. change extensions from .apk to .zip and then go the /system/res/drawable-hdpi as mentioned above.
m.kochan10 said:
Easier way....copy those apps whose icons you want to change to your hard drive. change extensions from .apk to .zip and then go the /system/res/drawable-hdpi as mentioned above.
Click to expand...
Click to collapse
This system is more easy to do.
Salu2,
SiWy ;-)
http://forum.xda-developers.com/showthread.php?t=890876
thanks a lot guys
@Nedooo I cannot make it work on Vista-32.
Some results of my work. So much work but a lot of fun actually. Icons come from ADW-honey comb theme.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Is Vista still alive
Don't know, but you could use APK Multi Tool, System APK doesn't need to be signed but other do
Nice job BTW
m.kochan10 said:
@Nedooo I cannot make it work on Vista-32.
Some results of my work. So much work but a lot of fun actually. Icons come from ADW-honey comb theme.
Click to expand...
Click to collapse
very nice screens
how did you change the battery icon in the notification bar???
Thank you, very easily. Just go to uot.dakra.lt/ and follow the guide (HOW TO).
Basically you have to: chose the mod you like (not all of them works though - I've succeeded with battery, icons:emoticons and status bar (but not power buttons), popup, fonts (but not windows animations) and upload your: framework-res.apk, SystemUI.apk, twframework-res.apk.* Kitchen will do everything for you. GO to PICKUP to receive your zip and flash it with cwm.
*You can get them with root explorer or via adb:
adb pull /system/framework/framework-res.apk
adb pull /system/framework/twframework-res.apk
adb pull /system/app/SystemUI.apk
thanks
can i use the app "rom toolbox" to change the indicators?
is it safe & is it compatible with galaxy r??
abu46 said:
thanks
can i use the app "rom toolbox" to change the indicators?
is it safe & is it compatible with galaxy r??
Click to expand...
Click to collapse
I'm sorry I have never tried that tool
I used it to change one icon since I have backups - it seems to work
^^
yup, tried it and it works fine

[UPDATED 23-12][MOD][GUIDE]CM Trebuchet Transparent Drawer

Description:
Transparent app drawer by definition means you can see the homescreen wallpaper whilst in app drawer instead of the default black background.
Tools needed:
1) apktool
2) notepad++
3) 7zip
Files needed: (Depending on ROM type)
1) trebuchet.apk, or
2) Launcher2.apk
Steps [HOW TO]:
1) decompile trebuchet.apk or Launcher2.apk
2) go to \res\layout\apps_customize_pane.xml
replace android:background="#ff000000" with android:background="#00000000"
There are two instances in this file.
3) now SMALI CODE.
go to
\smali\com\cyanogenmod\trebuchet\
or
smali\com\android\launcher2\
4) open Launcher.smali and delete the following method: updateWallpaperVisibility
Also delete all its references in Launcher.smali and other smali files. Usually this method is referenced in Launcher$13.smali and Launcher$17.smali and AppsCustomizePagedView.smali
However, it could be different from file to file depending on how it was built from source. Therefore, to know the file names exactly, just use notepad++ and use Search in Files feature and search for updateWallpaperVisibility in the decompiled apk samli folder. It will tell you where this method is referenced.
After deleting the method and all of its references, just compile the apk and make your flashsable zip.
I use APKTOOL and 7zip for that.
Example:
Before:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
After:
Enjoy
Click to expand...
Click to collapse
Installation:
1.Download
2.Flash it in CWM
CM Transparent Trebuchet Drawer
Restore to NO Transparent
Restore NT
Screenshot:
Credits to
@wesamothman
Superman™
Superman said:
Installation:
1.Download
2.Flash it in CWM
CM Transparent Trebuchet Drawer
Screenshot:
View attachment 1548506
Superman™
Click to expand...
Click to collapse
Transparent Trechuchet drawer works. no problems, works like a charm. see screenshot
Great, I like it. : Good:
How did you do it?
Can u tell me the files you edited???
Sent from my GT-S5360 using xda-premium
Ganesh Arivoli said:
How did you do it?
Can u tell me the files you edited???
Sent from my GT-S5360 using xda-premium
Click to expand...
Click to collapse
Edited it in system/app/Trebuchet.apk
Superman™
Superman said:
Edited it in system/app/Trebuchet.apk
Superman™
Click to expand...
Click to collapse
I of course know it ¥¥¥¥
tell me the lines in decompiled app
Sent from my cm_totoro using xda-premium
Ganesh Arivoli said:
I of course know it ¥¥¥¥
tell me the lines in decompiled app
Sent from my cm_totoro using xda-premium
Click to expand...
Click to collapse
SOrry i cant. The person who figure out is not allowed. WAit the guide.
Superman™
WILL IT WORK ON CM10.1 LATEST BUILD?
Vraj.vup said:
WILL IT WORK ON CM10.1 LATEST BUILD?
Click to expand...
Click to collapse
Take nandroid backup and try it
Superman™

[GUIDE][MOD][CM10][CM9][AOSP][AOKP]Lockring Scene [HDPI]

Lockring
Replacement for Lockscreen/Lockring Design ​
Installation​
Working On:
CM10 A4 by Dhiru
CM10 A4 by Losco
Slimbean 3.1.0
Jellybam 4.1.1
another rom please report
Click to expand...
Click to collapse
Installation​
Go to -> CWM
Choose -> Install Zip From SD Card
Choose you zip
Reboot System
Click to expand...
Click to collapse
Download​
Beats: Here
XDA: Here
Superman: Here
Spriderman: Here
Batman: Here
Ubuntu: Ubuntu.zip
Click to expand...
Click to collapse
Screenshoot​
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
​
Other Method​
Quote:
Guide 1:
1.Download the Example.zip from Attachments.
2.Download Lockscreen Collection from the Thread i give.
3.Open Example.zip >vrtheme/system/framework/framework-res/res/drawable-hdpi
4.Choose a Lockscreen you want from the thread and Copy & Paste to the Example.zip (Remember rename the PNG to ic_lockscreen_handle_normal.png is the lockring when it is not pressed
ic_lockscreen_handle_pressed.png is when you put your finger to drag it to your designated target.)
5.Done and Flash it through CWM.
Click to expand...
Click to collapse
Guide 2:
Lockscreen/Lockring Design / Collection. I used from these few thread (by FaithCry and by martintspedersen and by shishircoolin. Make sure they are 162x162 px for HDPI and 216x216 px for XHDPI.
1.Download the PNG you want at the thread.
2.Copy /system/framework/framework-res.apk to SD card
3.Place the apk to your PC and extract it anywhere.
4.Open the framework-res.apk/res/drawable-hdpi
5.Copy the Lockscreen you download and Paste it at "drawable-hdpi" and rename to ic_lockscreen_handle_normal.png is the lockring when it is not pressed
ic_lockscreen_handle_pressed.png is when you put your finger to drag it to your designated target.).
6.Save it after rename and replace.
7..Put the framework-res.apk the you have modified put into SD card
8.Use RootExplorer place the framework-res.apk (modified) to system/framework replace with framework-res.apk.
9.Set permission to rw-r--r
10.REBOOT and Enjoy!
Click to expand...
Click to collapse
I don't made this by myself so hit thanks to who create this mod
Click to expand...
Click to collapse
Original Thread: Here​
Can we have screenshots??
here you go vishal
MR. thats awesome!!
big fan of BATMAN
Re: [GUIDE][MOD][CM10][CM9][AOSP][AOKP]Lockring Scene
I don't make it,someone make it and i found it in android themes section
Sent from my GT-I9003 using xda premium
update: UBUNTU lockring uploaded to OP
As we know that the notification bar within the locking device mode can be reached Since IceCreamSandwich & JellyBean
But is there a way ((edit ,mod ... etc)) to cancel access to the notification bar during Basic lockScreen ?
omar.sch said:
As we know that the notification bar within the locking device mode can be reached Since IceCreamSandwich & JellyBean
But is there a way ((edit ,mod ... etc)) to cancel access to the notification bar during Basic lockScreen ?
Click to expand...
Click to collapse
i don't get what do you say... hmmm like in samsung ICS/JB fw? first swipe and then pattern or pin to unlock?
i have installed CM10 JB
and noticed that the notification bar can be used on lockscreen,,, and i am searching a way to prevent using notification bar while the device on lockscreen
see the Attached image
and sorry for bad english it is not my native language
can you give me where is the screenshoot you got?
download from MF
http://www.mediafire.com/download.php?surx26sr9pvqe54

Categories

Resources