Related
Ok, so this hasn't really been a problem for me before since I couldn't use the samsung music player at all since it wouldn't sort by artist. However, now that I'm using JM6, it is letting me sort by artist. I really like the widget on the lock screen and on the pull down notification bar, so I'd like to use music player of Mixzing.
The problem is, on both of the widgets the background is an ugly purple color. Why would they do this? Ew. Is there any way to change the background color of these widgets? If I could do that, I would be as close to 100% happy with this phone that I've ever been.
Edit: Nevermind. I got it.
Care to share what you did? I didn't see anything in the settings. My ultimate goal would be to have the widget with a transparent background.
Sent from my SAMSUNG-SGH-I897 using XDA App
keredini said:
Care to share what you did? I didn't see anything in the settings. My ultimate goal would be to have the widget with a transparent background.
Sent from my SAMSUNG-SGH-I897 using XDA App
Click to expand...
Click to collapse
You could do that. The files you need to change are located in the twframework and framework apk's. They are in system/framework, but I just used the twframework file from here. I don't remember the names of the files I changed (sorry). I just searched for music or background or bg in the drawable-hdpi folder of the apk's and when I found the ones I wanted to change, (really the only purple ones) I changed the color to something else. To make it transparent just replace the file (keep the same name) with a transparent .png file.
The twframework file can just be edited and then copied back over the original, but the framework apk caused a lot of force closes on me when I tried that. So I just edited the files inside the circle clock.zip file and then ran the .zip file and it applied the changes for me without any problems.
I also changed the ugly pink icon to something that looks like a real cd in the background with an orange music note on top. Looks a billion times better.
I apologize that I can't be more technical with you, if you have any questions about anything shoot me a pm or post it up here.
dontshakepandas said:
You could do that. The files you need to change are located in the twframework and framework apk's. They are in system/framework, but I just used the twframework file from here. I don't remember the names of the files I changed (sorry). I just searched for music or background or bg in the drawable-hdpi folder of the apk's and when I found the ones I wanted to change, (really the only purple ones) I changed the color to something else. To make it transparent just replace the file (keep the same name) with a transparent .png file.
The twframework file can just be edited and then copied back over the original, but the framework apk caused a lot of force closes on me when I tried that. So I just edited the files inside the circle clock.zip file and then ran the .zip file and it applied the changes for me without any problems.
I also changed the ugly pink icon to something that looks like a real cd in the background with an orange music note on top. Looks a billion times better.
I apologize that I can't be more technical with you, if you have any questions about anything shoot me a pm or post it up here.
Click to expand...
Click to collapse
Strange, I couldn't get this to work...here are the steps i took:
Used adb push to get the twframework-res.apk file to my PC.
Used APK Manager to unzip the APK.
Modified the purple background file (quick_panel_music_bg.9.png) to be transparent.
Used APK Manager to zip the APK using the new PNG file. (I only Zipped the APK, I did not sign it since it was a system APK and did not Zipalign it)
Dropped the APK on the root of my sdcard.
Used Busybox to copy it over the existing APK.
Rebooted.
Any ideas why this wouldn't work? I tried twice, both times the background is still purple.
Hmmm, I went back and looked at the framework-res.apk and noticed i missed a file in there with purple background, so i edited that PNG file, then used APK Manager to zip and then ADB to copy over the original.
Now my phone will boot only to the Galaxy S boot screen, then just goes black. Looks like I will need to adb the backup files back onto the phone. Can you explain how you did this using an update.zip file. That seems like maybe an easier route.
when changing the twframework file I used 7zip to open the archive without ever unzipping the file. I dragged the already edited png files into the correct directory to replace the purple ones.
For the update.zip I downloaded the .zip file for thecircle battery mod. I then put the updated png files that I wanted to replace using 7 zip again. I ran the update.zip file and everything worked.
If you are able to use metamorph (using older su version) you can download the simplistic theme, replace the res files with the ones from the stock apks then apply them in metamorph.
Like the title says, this is how to modify your Notification title drawer on the Captivate with Froyo like Tatuyama's theme's drawer(notification slide) for the i9000. This will tell you how to make it transparent and add a graphic or change the colors. This has been tested on Cog B7, dont think it works on i9000 roms like Shep's. I can help you though on this if you absolutely are dieing to do it. It will just take a little fandanglin and searching but can be done. I ripped apart Shep's rom and found all of Tat's mods, I jsut dont remember them off the top of my head..
I have also attached the drop bars from Tat's theme and another black AOSP bar should you want to use it. I have also included a PSD file to modify to your liking, my APK's for the frameworks I edited below (these include the tat icons already inside), a blank black background bar to use should you want, and other goodies for your modding needs. I have also slapped some screenies below to get an idea of wtf I am even talking about. Also if you use my Frameworks be aware that I am using the battery mod version "I" from that one thread, injected Tat's icons and goodies, and other MISC things.
I will try to do this as simple as possible. I dont linger in the themes area so you are pretty much on your own. I am going to write this tutorial based on Windows O/S and Adobe Photoshop. Attempt this at your own risk. If you biff it up its not my fault. I wrote the directions as I did it, and I am working great with awesome sauce dripping from my phone. I cannot be held responsible if you are below par of the preqs listed. I assume if you are going to attempt it you are competent and comfortable with all things required. However, should you somehow mess up, I do provide some SYA (save your ass) directions below. That being said, Good luck and Mod On!
Prerequisites:
1) ADB Dev Kit and experience using it (push, pull, shell)
2) Photoshop or other photo editing software & experience
3) Basic Windows experience: cut/copy/paste/rename/zipping/moving files. (if you use linux you shouldnt worry as you more than likely are a power user already and can cross apply).
Step 1: We need to download the APK's off the phone and get them ready for editing (or yank them out of the ROM package you download).
1) open a CMD (command prompt) window type:
adb pull /system/framework/twframework-res.apk C:\
adb pull /system/framework/framework-res.apk C:\This will save the files to your root of C:. Should you want to do it elsewhere you can specify or else leave it blank and it will stick the files in your developer kit folder.
2) (OPTIONAL BUT RECOMMENDED! STEP) Navigate to where you saved the files, right click and copy/paste to make a set of backups of these files.
3) Rename the .apk to .zip files. You can also associate your .apk to a program like WinRAR or WinZIP instead. This will open APK Files by default or optional secondary(open with). This makes the whole thing a lot easier as you can open the file(APK) and leave it up, make the edits and drop them directly back into the APK. KEEP FILE STRUCTURE PROPER!
4) Extract the APK files to seperate folders or dig out the below files for editing.
Step 2: Editing the proper files.
1) Navigate to twframework.apk's extracted folder from above or these files you extracted.
2) Find and open sub folder /res/
3) Once in /res/ find and open /drawable-hdpi/
4) Once in /drawable-hdpi/ locate the following files:
- status_bar_background.9.png (actual background of the drawer)
- status_bar_header_background.png (this is the 5 icons across the top of drawer)
- status_bar_close_on.png (this is the dropdown bar at the bottom of drawer)
- quick_panel_list_bg_01.9 (seperator between carrier and application info)
5) Open these files in Photoshop(or another editor)
6) Verify these are set to RGB not Index color mode so you can edit them.
7) Edit the layers to make them transparent. If there are not layers, right click and "create layer from background". You can then edit your layer settings. I set mine to 75% transparency in Photoshop, the actual background to 85% to darken it up a little. This will take some tweaking to get it just perfect for you. Make sure you save them in .png format with the same name they started with and not the PSD or "copy". Also you want non interlaced if it prompts you.
8) Do the same steps for the framework-res.apk.
- status_bar_item_app_background_normal.9.png (not sure if this one is necessary)
- status_bar_item_background_normal.9.png (this is teh notifications)
Step 3: Put it together and upload.
After you update the files, you will need to inject them back ito the APK's where you got them (/res/drawable-hdpi/). You can do this by opening the APK with Winzip/WinRAR/7zip and put them in there or if you extracted the entire contents just zip it all back up. You will need to remove the .zip extension if you went that route. Also, make sure you open it after zipping and verify it maintains the correct structure or you will be doing the recovery shuffle after you reboot. If you see only 1 folder in your zip this is WRONG! You need to see assets, RES, META-INF, and 2 other files in there(manifests and resources). If you see all these then you are ready to rock and roll.
After you get them back together upload them to your device using:
adb push <location of apk you edited>\framework-res.apk /sdcard/
adb push <location of apk you edited>\twframework-res.apk /sdcard/
then in teh same command prompt window (or another, whatever)
adb shell
su
cd sdcard
cp twframework-res.apk /system/framework/twframework-res.apk
cp framework-res.apk /system/framework/framework-res.apk
reboot
It shouldnt take but a second to come back up. You are done.
It may take a little bit of editing of the files to get them to look OK. I spent most of my day today getting mine together. You can use them if you like the "hootie edition" or just edit your own.
SEE POST #6 IF SOMETHING GOES HORRIBLY WRONG!!!!!
Screenies:
http://www.wtfokc.com/sef****/snapshot-1.pnghttp://www.wtfokc.com/sef****/snapshot-2.pnghttp://www.wtfokc.com/sef****/snapshot-3.png
That looks fantastic. I want your notification drop down and all minus the owl of course and text, but can this be done by using metamorph instead of having to adb everything?
awsome write up. Looks pretty simple and I will attempt this when I get home today.
This is an absolutely EXCELLENT tutorial. Props to you. I will be doing this shortly to all my Captivates in the house, 3 in use, plus the 4th one I'm using as a Dev phone.
Hi,
I've followed your instructions. After the files have been pushed up, my phone goes through the usual errors due to the framework change. The problem I'm having is that after I restart my phone, the phone gets past the galaxy s screen, but then it goes black and does not respond. Any suggestions?
smeltn said:
That looks fantastic. I want your notification drop down and all minus the owl of course and text, but can this be done by using metamorph instead of having to adb everything?
Click to expand...
Click to collapse
To be honest I have never used metamorph on the Captivate. On my G1 yes you could acheive that. I googled the metamorph tutorial Junkdruggler did and it looks rather lengthy and involved editing XML files. You can find that info here. Also, the files you would need to do my way with just a blank one are above. Just download the closebars zip and the "blank" zip. Then mod/inject your APK - or hell mine from above- and push it to your device. This is a rather quick ordeal.
thehavock18 said:
awsome write up. Looks pretty simple and I will attempt this when I get home today.
Click to expand...
Click to collapse
miztaken1312 said:
This is an absolutely EXCELLENT tutorial. Props to you. I will be doing this shortly to all my Captivates in the house, 3 in use, plus the 4th one I'm using as a Dev phone.
Click to expand...
Click to collapse
Thanks guys, took me a little while to figure it all out and a lot of framework pushing to get it just right Let me know how it turns out for you! Hell post some screenshots when you are done. I want to see them
gangpe said:
Hi,
I've followed your instructions. After the files have been pushed up, my phone goes through the usual errors due to the framework change. The problem I'm having is that after I restart my phone, the phone gets past the galaxy s screen, but then it goes black and does not respond. Any suggestions?
Click to expand...
Click to collapse
THIS IS HOW TO SAVE YOURSELF
Well, not sure what you mean "usual errors" with framework change? I havent ever had any issues with the framework replacements. I occasionally have then crash if I replace them while phone is on and not in recovery. A reboot fixes this though. Are you using a Cap rom or an I9000? This doesnt work on I9000 roms as thier APK's are slightly different- teh HDPI folder has a v4 at the end (IIRC). I can help you through this though if that's the case..
If it truly is a cap rom, I did experience a similar problem on my phone one time when I pushed the framework.apk. What had happened is I right-clicked the ROOT directory I had placed all the files in and said to zip it. This caused the folder to be INSIDE the zip. So the file structure went like this:
>>ZIP FILE I CREATED>>
--------->>FOLDER ALL FILES WERE IN>>
------------------>>FILE STRUCTURE OF THE ORIGINAL APK>>
Which should have been
>>ZIP FILE I CREATED>>
--------->>FILE STRUCTURE OF ORIGINAL APK>>
To better explain it- If you open the zip you created, do you see the RES folder, META-INF folder, assets folder, and then there will be 2 other files? Or do you see 1 single folder? If you see 1 single folder you zipped it up incorrectly. You will need to go into the folder and select all-> right click-> zip (send to-> compressed folder). This should fix it. If this isnt the case something else went horribly wrong. To fix it we will need to restore the original files you hopefully backed up. If you didnt back up you still arent totally hosed- just redownload the ROM you are running, open it up and navigate to the /system/framework folder and pull out the original frameworks. Then follow these instructions to get them back on the device.
Step 1:
A quick way to get out of this situation is to take the copies rename them back to twframework-res.apk and framework-res.apk (or pull from the original rom package as mentioned above).
Hopefully you have the 2e recovery kernel, as you need it to get back to where you started. If you cant do clockwork, well you may as well odin cause you are a few flashes behind anyway.
K, so first you will need to download the update.zip I have included with this post. This is the clockwork recovery file. You will next need to put your phone in reocvery mode. to do this do:
adb reboot recovery
Step 2:
Next you will need push that file you downloaded to your SD. to do that you need to:
adb push <location of downloaded>\update.zip /sdcard/
Now, once in recovery- tell it to reinstall packages. This may reboot the phone. If it does, tell it to reinstall packages again. This should get you to clockwork recovery.
Step 3:
once you have a green clockwork recovery screen, you will get the chance to SU via ADB SHELL. You can then repeat the pushing of your ORIGINAL fles back to your phone and retry the process.
You could also pull the files you pushed to see what went wrong- but do that first as if you push before they will be overwritten with the original files.
Looking into doing a little custom work but before I do. Like Tat's theme do you need to edit XML files for specific things like the pop ups being black. Or do I just get the naming right and put the proper PNG in the apk.
thehavock18 said:
Looking into doing a little custom work but before I do. Like Tat's theme do you need to edit XML files for specific things like the pop ups being black. Or do I just get the naming right and put the proper PNG in the apk.
Click to expand...
Click to collapse
This is only for the notification drawer and not the actual pop ups. If you want to edit the popups you will need to edit the XML files.
Thanks for the quick response. I might have to dive into all the XML edits.
thehavock18 said:
Thanks for the quick response. I might have to dive into all the XML edits.
Click to expand...
Click to collapse
If you do post a how to thread cause I would like to know how myself
status_bar_background.9.png (actual background of the drawer)
If I ONLY wanted to make the pull-down menu background transparent the above file would be the only one that I need to mod... correct??
jslee1020 said:
status_bar_background.9.png (actual background of the drawer)
If I ONLY wanted to make the pull-down menu background transparent the above file would be the only one that I need to mod... correct??
Click to expand...
Click to collapse
That is correct.
The one problem though is the AT&T (carrier part) at the top is also transparent and you quickly notice it looks a little strange with your items not transparent. I tried to live with it for a little bit but ended up modding the rest too.
malfuncion said:
That is correct.
The one problem though is the AT&T (carrier part) at the top is also transparent and you quickly notice it looks a little strange with your items not transparent. I tried to live with it for a little bit but ended up modding the rest too.
Click to expand...
Click to collapse
quick_panel_list_bg_01.9 (seperator between carrier and application info)
is this the file for the AT&T carrier part??
The quick panel is actually the part that says "Notifications" or "On Going" below the AT&T part. THe AT&T and clear button is part of the actual background peice. So what happens is the AT&T part becomes transparent, while the notification peices are solid. It may not bother you but it bugged the crap out of me. It's personal preference really..
malfuncion said:
The quick panel is actually the part that says "Notifications" or "On Going" below the AT&T part. THe AT&T and clear button is part of the actual background peice. So what happens is the AT&T part becomes transparent, while the notification peices are solid. It may not bother you but it bugged the crap out of me. It's personal preference really..
Click to expand...
Click to collapse
I get it. Well I'll try it out and see... I guess no better way to learn then to experience it first hand Thanks!
I was able to take the Cog Beta 7 framwork and Tat's framwork. I pulled out all the changes from his theme and put them in cog beta 7. I actually did not have to edit any files and was able to apply it.
I had to change a few file names around so all the backgrounds / pop ups applied to the theme. I left DG's background.
I don't want to post it since it is not my own work but if you want to take a look at the framwork and twframwork I can send them PM.
notification bar??
What file is the actual notification bar with the battery/clock/etc... would it be inside twframework-res.apk or framework-res.apk?
EDIT: Just set background transparency to 80% in photoshop and changed the color to black. The transparency seems ok, but it resembles minimalistic theme too much... gonna fiddle with it some more today.
jslee1020 said:
What file is the actual notification bar with the battery/clock/etc... would it be inside twframework-res.apk or framework-res.apk?
Click to expand...
Click to collapse
it is in the framework.apk. The notification bar's file is:
statusbar_background.9.png
This is confirmed. I j ust set mine to a gradient and it actually looks kind of good.
screenie:
http://wtfokc.com/sef****/snapshot-4.png
Hey Malfunction,
Finally got it working past the galaxy S screen, thanks for the info. One last question, then I should be out of your hair. Where can I change the settings for the media scanning icons? Currently, the white default icons are showing, but I'm trying to change that to the black SD card. I'm going to look into it myself too; figured I'd ask though.
Thanks,
gangpe said:
Hey Malfunction,
Finally got it working past the galaxy S screen, thanks for the info. One last question, then I should be out of your hair. Where can I change the settings for the media scanning icons? Currently, the white default icons are showing, but I'm trying to change that to the black SD card. I'm going to look into it myself too; figured I'd ask though.
Thanks,
Click to expand...
Click to collapse
Good deal, glad you got it working. What was the problem?
As for the SDCard- depends which you need. In framework-res there are these 3:
stat_notify_sdcard.png
stat_notify_sdcard_prepare.png
stat_notify_sdcard_usb.png
I had to do some hunting to find out which program was the running process for the Media Scanner. It is "MediaProvider.apk" on your /system/app folder. I edited mine and it now works and has all the Tat icons loaded. Thanks for that heads up I hadnt noticed that little piece before you mentioned it.
I looked at Tat's ROM section and also saw that he has edited these, may consider if you are wanting to mimick his:
DownloadProvider (Market)
MediaProvider (Media Scanner)
Vending (Market)
PackageProvider.apk (Uninstallation Screen)
GoogleQuickSearchBox.apk (Google Search)
[Guide] Learn To Theme Part 1: Everything you need to get started
So you want to theme android.
Don't know where to start.
This should help.
***This is written going in step with editing a theme for the Samsung Epic 4g, but the principle can be applied to any android phone, granted there will be differences in phones***
First off you are going to need the basic tools:
7zip - http://www.7zip.com
Gimp - http://www.gimp.org/downloads/
Second off you need a general understanding of what you are about to do.
The majority of files you are going to edit will be found within framework-res.apk. This is a file located inside of the folders system/framework inside of a rom. A rom of course is a collection of files which combines into your operating system.
To get to the framework-res.apk file you will need 7zip, it's like winzip but is real quick for themeing.
http://www.7-zip.org/download.html
7zip will see any file named *.apk as a file named *.zip. With WinRar, Winzip, and others you have to rename the apk file .zip edit it, and rename it back to .apk. With 7zip this is not necessary. All you have to do is right click a file and choose 7zip-Open archive.
So you have your rom downloaded onto your desktop or in a folder you set up as the root of your themeing.
On my PC I have a folder inside of User/Documents/ called Themes
I also theme for the Samsung Moment so I have all my themes labeled inside of there:
(My folder looks as follows)
Epic Green Mayan Theme
DE03 Stock Theme Template
DI18 Stock Theme Template
Epic Files
Pink Life Moment
Pink Life Epic
Mayan Green Moment
Epic Black Hole
First and foremost, you really need a Stock *** Theme Template. *** being whatever version your phone is running.
The stock theme template serves a number of purposes. First, it is deodexed. This means that all of the files in system/ and system/framework that have the .odex extention are deleted and the stock apps that are included on your phone by default are replaced with files that have been full deodexed files.
This is essential for themeing because if they weren't deodexed, either your apps would ForceClose when you reboot after themeing or they will dissappear from your laucher tray and desktop, meaning essential they are deleted by the phone.
Another good thing about a stock theme template is that it deodexes your phone from an update zip so you can theme the stock rom your running instead of having to install another rom simply to apply a theme.
Download your stock theme template for the Epic 4G here for EC05
http://forum.xda-developers.com/showthread.php?t=1042386
So lets begin here.
Open your folder on your PC that holds your theme. For me it will be Users/Documents/Themes/NewTheme
Inside of that folder (COPY) your stock theme template to this folder. You will want an original theme template to remain inside of it's own folder cause obviously you are going to edit the one inside of New Theme folder.
Stock_DI18_Theme_Template.zip
Now rename stock_DI18_Theme_Template.zip to the name of your new theme.
NewTheme.zip
Now right click the .zip file and choose 7zip-Open Archive.
Double Click on the folder labeled "system" to Open it.
Double Click on the folder labeled "framework" to Open it
Here you will notice several files including one called framework-res.apk.
Inside your theme folder /Themes/New Theme/ create another folder called framework.
Drag and drop the file framework-res.apk into the framework folder.
Right click on framework-res.apk and choose 7zip-Open Archive.
Double click on the folder labeled "res"
Now you will notice several folders. On the Epic 4g the main one you want is called Drawable-Hdpi
Drag and drop this folder into the same folder you created called framework.
Open this folder and browse around. There are many images in here that your phone pulls in various locations. The first thing I like to do doing this on a new phone is to play with my phone and at the same time look in this folder and try to locate the same files I'm looking on the phone itself. You'll begin to see similarities inside of the drawable-hdpi folder for instance files that begin with the label sys_stat_*_* usually show up in your status bar. The rest you will learn over time.
You will also come across two main file types. The first is .png and the second is .9.png. This write up will not cover those, coming in the future.
A popular start for most people is wanting to alter the status bar. This is an easy one or so it seems.
navigate into the drawable-hdpi inside of the framework folder located /Themes/NewThemes/framework
scroll down until you find a file named status_bar_background.9.png
Since it's a .9.png you already know we can't edit it yet. The reason is the .9.png files are pictures that might hold more then one place on the phone and most probably will be portrait and landscape. The status bar is one size on portrait mode, but when you flip your phone into landscape, it has to stretch to fit the screens. In order to stretch a picture and retain it's looks, a tool called draw9patch in the android sdk is used to show you your image in 3 different stretch modes. Your goal is to set the guidlines on what must be retained at each zoom. After you add these guidlines on the picture, they show up in the picture. You have to program the guidelines inside of the picture and remove them from being displayed. That is done by a program called Eclipse. (Use version 3.5) But all this will come into play later don't rush out and get confused because familiarizing yourself the basic pictures and colors found in framework-res.apk is your current goal. Just because you have no idea what you are doing with the .9.png files doesn't mean you can't change the color of the status bar though. The next best thing is to "borrow" one from a theme that exists so you can get a feel for modding some files. The only one you can't use from another theme is the clear status bar. That has to be done in xml files as well and for now were sticking to the basics. Here's what you do. Find the theme that holds the status bar you like. To make sure you preserve all the files the way they need to be it's best to make a whole new folder in the theme folder called whatever theme you plan to use as a donor /Themes/Donor Theme/. Open the theme zip with 7zip open archive. Navigate to res (double click) and framework. Make another folder inside /donor theme/ called framework. Drag and drop the framework-res.apk. Open this file in 7zip and drag and drop drawable-hdpi into the framework folder. Now open it and scroll down to the status_bar_background you intend to borrow. (Right about now it's not wize to have your windows of "my computer" open full screen you can do this a lot easier with two open explorers side by side swapping files). Side by side, open the drawable-hdpi folders in both theme folders, /New Theme/ and /Donor Theme/. Drag the status bar from the donor theme into the folder for the new theme. Microsoft will give you **** about it choose copy and replace and your done. Now to get this change back in the theme is pretty easy. Your drawable-hdpi folder inside /Themes/New Theme/framework is where you will alter the pictures, framework-res.apk is where your going to put it. In your framework folder is the original framework-res.apk If you closed the instance of 7zip where you had framework-res.apk for new theme open, you need to right click and re-open it. Double click on /res and open it. Drag and drop the drawable-hdpi into the open archive NewTheme.zip where all the other drawable folders are. Make sure not to copy it IN one of those other drawable folders. It will overwrite the one thats already there automatically. Now, you have to stick that framework-res.apk back into NewTheme.zip before your ready to flash it from recovery. First close the 7zip instance of framework-res.apk. Right click and open NewTheme.zip double click on system/framework/. Now drag and drop the framework-res.apk from /New Theme/framework into NewTheme.zip. Your done, now flash the NewTheme.zip in recovery and see how it worked.
Any other file you choose to edit, the steps will be the same. Edit the image in drawable-hdpi, drag it into framework-res.apk, drag framework-res.apk into the theme /res/framework/ folder. You will be doing this a lot.
That's it for part 1. This will give you enough to play with and familiarize you with the images used by most any android phone. If this were a samsung moment you would be doing all of this editing inside the same file structure except in framework-res.apk /res folder you would be editing a folder called drawable-mpdi.
Part two will be out soon enough. I'll go more in dept inside the framework-res.apk/twframework-res.apk
[Guide] Learning to Theme: Required Tools
How To Theme
Required Tools
First off this is the very 1st guide in my line of theme guides. This one is just to reference you to the required tools, and instructions on how to set them up since it can be a little tricky. The link at the bottom is for guide 1, what to do with these tools now that you have them. At the bottom of that guide is link to a two part Putting the tools to use covering editing images in framework and .9.png files.
Grab you some tools:
Gimp:
www.gimp.org
7zip:
http://www.7-zip.org/download.html
Java6:
http://www.oracle.com/technetwork/java/javase/downloads/index.html
scroll down and select (under Java Platform, Standard Edition, JDK 6 Update 22) Download JDK
Download and install with the on screen instructions.
Android SDK:
http://developer.android.com/sdk/installing.html
Notice the instructions on Step 2. Downloading the SDK Starter Package.
It says "On Windows, right-click on My Computer, and select Properties. Under the Advanced tab, hit the Environment Variables button, and in the dialog that comes up, double-click on Path (under System Variables). Add the full path to the tools/ directory to the path."
This means if you extracted the folder called android-sdk-windows inside the zip you downloaded @ C:\android-sdk-windows, then when you go to add the path (there will already be other values in your path, type a ";" behind the last one and type in c:\android-sdk-windows\tools
this means you can call any of those scripts inside of android-sdk-windows\tools by typing them at the c:\ in command prompt.
For example, if you did not do this, and you wanted to use adb, you have to open the command prompt and type the following
C:\>
C:\>cd android-sdk-windows\tools
C:\android-sdk-windows\tools>
C:\android-sdk-windows\tools>adb ***
After adding the tools folder to path you can do the following
C:\>
C:\>adb ***
APK Manager 4.9 (Latest Version):
http://forum.xda-developers.com/showthread.php?t=695701
There is a video on the page as well to give you an overview of how to work it.
I downloaded the zip, created a folder at the c:\ drive called apk manager. Opened the archive (apkmanager4.9.zip) highlighted all the folders and the bat file, drag and dropped them into the folder located at C:\apk manager\.
Eclipse 3.5:
http://www.eclipse.org/downloads/packages/release/galileo/r
This is called Eclipse galileo download the one called Eclipse Classic
Once again you extract this file into a folder on your computer like you did with APK Manager. I created the folder @ C:\eclipse\
Now navigate to this website to learn how to add the adroid sdk into eclipse to have it ready when we are going to need it.
http://developer.android.com/sdk/installing.html
Note the android SDK download at the top, you should already have this. Read right below where it instructs you to add that into eclipse.
Start out like this. Open Eclipse now that it is installed. It's the icon in the eclipse folder that looks like a purple planet. With Eclipse open on your screen click on Window in the tool bar at the top. Click on Help-Install new software. The box that appears, it says "type or select a site" ignore this text input box and go straight to click "Add" button. When it comes up name it Eclipse Plugins and in the field where you put the web address, type the following: https://dl-ssl.google.com/android/eclipse/ . Click on the box next to developers tools and click next at the bottom. This will install what is called Android SDK and AVD Manager. Eclipse will probably need to restart to add the plugin to the menu list. Alternatively, if you get errors doing this there is a problem with you computer connecting to the secure server (in the web address you typed https: note the S at the end. If, for any reason you do get errors, simply go back to Help-Install New Software, and this time put in the web address field http://dl-ssl.google.com/android/eclipse/ When eclipse opens back up, click on Window and select "Android SDK and AVD Manager". Now your screen should look like the pictures in the link.
Now Eclipse Should be upgraded.
After following this all the software should be installed to work on themes.
Next Guide Below
Click My thanks button below
Meta Morph tutorial
by Dreamsforgotten
This is a primer in using MetaMorph on the Samsung Epic, at the time of writing I'm using a froyo leak with the Bonsai 2.0.1 rom so MetaMorph being a little buggy for us now will probably clear up when official is out. The bottom of the guide addresses what I'm talking about.
Create a folder on your desktop. Call it froyo (or whatever).
Inside that folder make one called framework-res (don't put the .apk)
Inside that folder put the folders you need to edit example
If I want to change the images in drawable-hdpi, make the folders like this
froyo/framework-res/res/drawable-hdpi
so inside the froyo folder create "framework-res". Inside framework-res create "res". Inside res create "drawable-hdpi". It follows the same structure as apk manager when you decompile. If you want to edit the styles.xml, that gets recompiled into resources.arsc. If you are in apk manager and you goto projects, you'll see unsignededitedframework-res, open it and right inside you'll see resources.arsc, androidmanifest.xml, res, meta inf, etc. So to MetaMorph the resources.arsc, your NEW resources.arsc goes into
froyo/framework-res/
Do this for any .jar or .apk file, create your folder structure and put only the new files into the folder, you don't have to flash an entire drawable-hdpi folder only the files you are changing.
Next thing you need to do is make a xml file that tells metamorph what files your editing and links the folders you created to that file. Do that like this:
Inside the froyo folder, create a text file. Either open Notepad and save the file into this folder or right click choose new file, text file. Set your .xml file up like this:
<?xml version="1.0"?>
<themename>Crystalline Froyo</themename> <--You can call this whatever
<themeversion>2.1</themeversion> <--Number that whatever number you want
<screenshot></screenshot> <--include a screenshot if you like. put the screen in /froyo and type the file name here
<author>Dreamsforgotten</author> <--your name
<authorweblink>http://forum.xda-developers.com/member.php?u=2551535</authorweblink>
<phone>Samsung Epic</phone>
<rom>Bonsai 2.0.1</rom>
<themedescription>UI Improvements for Crystalline Froyo</themedescription>
<item>framework-res.apk</item>
<path>/system/framework/</path>
<description>**** a Reboot Required</description>
Now the line right above this <item, path, description> You have to follow this for any folder your updating. Notice in the <item> space, you put the actual apk name being edited. So here I have <item>framework-res.apk</item> This tells metamorph to put your edits from the folder you named framework-res into framework-res.apk in the same structure as you set up, ie /res/drawable-hdpi or /res/anim whatever it is you might be editing. It's that simple. Now say you wanted to theme the market. You can use metamorph to theme system apps, but NOT market apps!!!!!! You would do this
<item>vending.apk</item> <--name of APK
<path>/system/app/</path <--path to the APK
<description>Market Update</item> <--whatever you like for descripton
You would put somewhere inside the xml as well. You can put the instructions for MetaMorph to flash in any order you like, You can theme apks first, framework-res first, however you like, BUT its good practice to put the framework-res last because it causes a reboot and anything behind it won't flash. Samsung devices pay attention, TWframework-res and framework-res both require a reboot, so you have to have two separate metamorph zips.
Now, moving along. You have your xml file with all the fields written properly, you have your folder structure set up you just need to do two more things. Inside your original froyo folder on your PC, create a blank text file. Name it .nomedia that (dot).nomedia don't forget the period. This tells media scanner not to add all your images from this zip into your gallery. It's very important. Now the final step, zipping it all up to flash. Whatever you chose to name that xml file for example I used this on the last one I created. crystalline2.1.xml This was the name of my theme control file (the .xml file inside of froyo) so your zip file HAS to be named the same exact thing. If your xml is theme.xml, then your zip has to be theme.zip. If your xml file is theme1.2.xml then your zip file has to be theme.1.2.zip. It will error if the zip and xml file don't match. That's it copy it to your SD card under AndroidThemes, open MetaMorph and apply!
Keep in mind MetaMorph has a 500 file limit and gets buggy when you push it toward the 500 mark. Break large themes into 2-3 different files if you must. You already have to have two separate flashes for our two frameworks on the Epic so you might as well split the images between the two anyway.
One last note on MetaMorph on the Epic. I'm using the latest and I noticed sometimes you open it and it closes right back, or you go to extract a new theme and it closes. Seems that the free version has issues with displaying the ads (which could be due to the host file on Bonsia I'm running, not sure, but when you open MetaMorph, give it time for the ads to load before hitting the start checks button. If the ads at the top and bottom of the app don't load soon, and it doesn't close on its own, proceed. If you give it time for the ads to load and it crashes, just open it right back up. Sometimes it takes me 2-3 times opening MM to get it to stay on the screen but after it does, the flash goes smooth every time.
[GUIDE] Learning to Theme: Putting the tools to use
APK Manager:
This is one of my favorite programs it makes the whole process smoother imo.
Navigate your harddrive to c:\apk manager\ or wherever you extracted the progam to.
Grab the framework-res.apk from a theme template/rom/etc.. and drop it in the folder called "place here for modding"
Double click on Script.bat. Leave the apk manager window with the folders (where Script.bat is) open.
Look into the second section called "Advanced tasks Such As Code Editing
Type "9" to decompile apk
Immediately type 11 to recompile apk (This step is because I have ran across framework-res.apk's before that wouldn't recompile even if no changes were made and this could save you some time down the road.
Minimize the window, Maximize the apk manager window
Open the folder called projects
Open the folder called framework-res.apk
Open the folder called res
Here is where there are plenty of files you can edit. These are the XML files that control the look and behavior of android. If you are lost at this point, lets work on a file together to get the feel for what is possible in here. Scroll down and click on the folder called "values" and open it. Inside you will find a file called colors.xml. Right click on the file and choose open with and choose notepad if you have nothing else that works as a basic text editor. Me personally, I use Notepad++. It's a free download. Either way once it is opened, you will see many values that look like this:
(This is not stock Epic colors.xml file so don't be confused)
#ffb97f7d
#ffffffff
#ff000000
#00000000
#ff000000
#ffffffff
These are text colors for your primary and secondary text on your phone, as well as background highlight colors.
Note Background_dark background_light. That is the background color so if it is the same as your text colors you won't be able to see the text. I made this mistake before so you can change every text color in this file but leave the backgrounds alone, or use a color your text will show up on.
#ffb97f7d
#ffb97f7d
#ffb97f7d
#ff64917d
#ff64917d
#ff64917d
#ff64917d
#ff808080
Here, the color name=" describes the text, the "#ffb97f7d" is actual code for the color.
So if you want to change this color, where do you get the codes from?
Easiest way for me is to use the color chooser in Gimp, when you pick a color, either background or foreground, it will show you the hex value on the screen. But remember that the color codes Gimp gives you hold 6 places ie #000000. The values in the xml files hold 8, so when you compile there will be an error. That is because the first two places describe transparency. You need to add "FF" in front of any value you get from Gimp. So if the code in Gimp is 000000 in the xml file you need to put #ff000000. Always start the code with a "#".
Now the question is what text is described by dim_foreground_dark? Two ways to find out. Change it, compile it, flash it. Or dig around the "out" folder in apk manager and look for text xmls. The next one is located in /apk manager/projects/framework-res.apk/res/color
You will see primay_text_(dark)(dark_disable_only)(dark_focused)(dark_nodisable)(light)(light_disable_only)(light_focused)(light_nodisable)
Search_url_text
secondary_text_(dark)(dark_nodisable)(light)(light_nodisable)
tab_indicator_(text)(textv4)
and a few more. You can open each of these xml files and see what's inside. We'll use primary_text_dark.xml as an example. Right click and edit with notepad++
Take a look at this line in the code:
android:color=" (this tells the xml what color to display. The @color tells where to pull the value from. So you either find color.xml like we did above and edit the field bright_foreground_dark_disabled to render the color your after, or you can simply put the hex color code right here bypassing the need to look up @color(color.xml). It would look like this if you did that. and the "#ff000000" would give this text color the value of black. Instead if you had used the color "#ffffffff" you would get the color white.
Here note android:color in the code. That's because some of the values are for text, and some are for background. In the text lines elsewhere, as seen below, we will use android:textColor instead.
Now this is all general text colors. If you want to edit status bar text, both in the status bar, and when it's expanded, you'll need to dig in a different folder. Navigate to this folder in apk manager on your c:\ drive. C:\apk manager\projects\framework-res.apk\res\layout. You are looking for the following file called status_bar.xml.
Keep in mind when your looking through these xml files, you will see this value in a lot of fields "android:id="@id/icons" or something similar. These are keys to what you are editing. The first line you might want to edit in status_bar.xml would be line #13 which looks like this:
The only thing that's important on this line is @id/tickerText which tells you a color value here would let you change the color of the ticker text. The ticker text is the text that pops up in the status bar for things like a text message being recieved, and if your phone is set that way, the content of your text message.
There is just one problem here. In most lines where you can edit color you will see this already in the line android:textColor="********" and that value is NOT in the ticker text line. But being that this is a text view line because the id is ticker text, you can add the value android:textColor in right before the words "android:id=". The edited line will look like this:
Learn To Theme Putting The Tools To Use Part 2 .9.pngs
We are going to walk through editing a .9 file and getting it back in place to do this as you read the guide.
Before you begin, check out this video from fxn
http://www.youtube.com/watch?v=KNvGgmJDqPQ
Now the guide will get you lined up with the instructions in the video.
Open "my computer" and navigate to C:\apk manager\.
In another window open C:\*\Documents\Themes\
Browse to the folder in Themes that holds your theme template
Right click and Browse your stock di18 theme template or rom.
Navigate to system/framework/
In your apk manager window, open the folder called place here for modding
Click and hold framework-res.apk in your second window which is the 7zip browing the zip file.
Drag the apk into place here for modding folder.
Now you can close the zip file window.
Back out of the place here for modding window and you should be back in the apk manager folder.
Run Script.bat and choose the option "9" and hit enter.
Click open the folder called projects
Click open the folder named framework-res.apk
Click open the folder named drawable-hdpi.
Find the file icon_highlight_rectangle.9.png Pay attention to the screen while your scrolling. Apk manager decompiled all the .9.png files exposing the lines that were used in draw9patch by default.
Right Click the file and choose edit with gimp.
Now in gimp you will see the picture, and the lines drawn in for draw9patch. This will save you time. Edit the picture as you see fit. Change the color, or completely redesign the image. Then when you goto save it, choose file save as. Keep the same file name but save it on your desktop, creating another folder naming it new theme nine files. Save the image.
Open up Eclipse.
Click on file-new-android project
When it Opens, click in the field named Project Name type "nine files"
In the field called "Built Target", choose Android 1.5, click the check box next to it.
In the field called "Application Name" type "ninefiles"
In the field called "Package Name" type "com.example.ninefiles"
No Quotes in any field.
Uncheck the box labeled "Create Activity".
Now your Workspace should be open in eclipse, and on the left pane there should be a folder labeled ninefiles. Double click on it and it will expand a folder tree. Look for res. Then click it if it's not expanded as well. Look for drawable. There will be a file in there called icon.png. Leave that file alone. Now on your desktop, open the folder called new theme nines. Click, drag and drop the edited icon_highlight_rectangle.9 file right into that drawable folder in eclipse. You are skipping using draw9patch because the lines were there from the start.
Now go back to the parent folder in Eclipse, the one labaled ninefiles where all the other folders come from. Right click on it and choose android tools all the way near the bottom. Then slide over and choose export unsigned application. This will bring up the save prompt on your screen, choose the desktop once again, and export it. It will show a message about the export and telling you to zip align it and sign it with a device key. Ignore all this, your just using Eclipse to target that .9.png. Keep in mind every time you open Eclipse now, it will show you the workspace with ninefiles. Expand the folders, delete the last image you used Eclipse to work on and add new ones in, bypassing the need to create a new android project each time.
Lets say your new .9.png image is nothing like the original and it won't display correctly using the lines on it after decompiling in apk manager. You need to feed the image through draw9patch.bat located in c:\android-sdk-windows\tools\
Double click it and a shell will open, then another one will open on top of it that has a square with a down arrow in it. Save your image from gimp into the folder on the desktop called new theme nines, like you did above. Then Drag and drop the saved image on top of the windows inside the square, and on top the arrow lol.
The picture will be transformed in draw9patch concentrate on the outer edges along the entire image. Bring your mouse over to the left of image around dead center. Click once and draw a pixel. Next go dead center on the top just like you did on the left and draw the 1 pixel. Now expand that line up and down on the left side looking at your 3 preview pictures on your right hand side. If there is no gradient or fade effect to your image the center pixel will be about good enough but if your image fades, expand that line up and down and your 3 previews will give you an idea if you capture it or not. Once you have the left side of the image looking good, begin the same process on the top. Use as little line as possible to have the image looking right. Never have a gap in the line that you draw.
Now focus on the right side and the bottom. The two lines drawn there should be about the size of the entire image minus a few pixels at the very end. You can get the idea from the one you pulled from apk manager and adjust the lines to work on your changes. When your done with draw9patch, click file save 9 patch. It will save in the folder on your desktop. Now drag and drop this image into the drawable folder of Eclipse/ninefiles as described above.
This should be a shortcut to getting you busy with 9 files. Any questions or anything noticed missing, please let me know.
One last bit of advice. Sometimes when you open a file in draw9patch, the image is zoomed in too big and you can't get to the outer edges to draw the top and bottom lines. There is a bar at the bottom of the program that will allow you to zoom in and out of the main image and zoom in more to the 3 preview images. Use these to adjust the image to where you can work with them.
All these introduction guides should get you started, your own drive should take you the rest of the way. I'm not the first to write a theme guide I'm just sharing with the Epic community because the amount of new users who are requesting how to do these things. All my information came from asking questions to those that were theming before me like Khanning, Crake, Chibucks, the list is never ending. Also this list of videos here have helped a lot:
http://forum.xda-developers.com/showthread.php?t=593932
.9.pgn write up posted.
Just AMAZING thank you so very much...
No problem I hope I wrote it so anyone starting fresh could understand
rjmjr69 said:
Just AMAZING thank you so very much...
Click to expand...
Click to collapse
Do as thou wilt be the whole of the law
I'm really digging these guides as I really want to get into theming and eventually (with any luck!) cooking ROMs. i'm a self made techie and pick things up pretty quick, so I thought theming was a good place to start off.
any chance you'd consider a writeup on extracting a theme from a themed ROM, pitfuls and things to know/watch out for etc... i think that would be a helpful supplement to see how themes are implemented in ROMs and know what certain files affect. maybe even a list of what parts of a theme/ROM are in what files (such as lockscreen i think is android.policy.jar etc...)
thanks again for your time and effort into putting this out there
No doubt, there is definitely more write ups to be done my goal was to get some guides out that just touch on the basics so people who never tried before can begin to get their get wet.
Do as thou wilt be the whole of the law
hey so i wanted to come back and thank you again for these. i've read but havent dived into editing .9.pngs just yet, but i've really been playing with the rest of the stuff to mostly modify existing themes that i like most of, tweaking a bit. its really cool and i cant wait to actually start putting some of my own stuff together. i know the threads havent gotten a lot of love but its appreciated!
Hey, this is amazing, thx so much for it.
I'm running into a prob and wondered if you could assist.
I've already modded (only replaced/changed some png colors on photoshop), and have flashed it successfully to my phone with no problems. However, when I pull the framework res back out, decompile (with no problems), then try to recompile immediately (as instructed), that part seems to fail. It errors, then asks if it is a system apk (yes?)...then creates a temp folder and asks me to delete the resource.asc if I've modded an xml. Even though it errors, I made a change to the strings xml, compiled, with same error, then signed and flashed- it seems to work fine, but the change I made to the xml didn't hold.
any ideas or suggestions?
Thx again so much.
sent from my RAZR
decalex said:
Hey, this is amazing, thx so much for it.
I'm running into a prob and wondered if you could assist.
I've already modded (only replaced/changed some png colors on photoshop), and have flashed it successfully to my phone with no problems. However, when I pull the framework res back out, decompile (with no problems), then try to recompile immediately (as instructed), that part seems to fail. It errors, then asks if it is a system apk (yes?)...then creates a temp folder and asks me to delete the resource.asc if I've modded an xml. Even though it errors, I made a change to the strings xml, compiled, with same error, then signed and flashed- it seems to work fine, but the change I made to the xml didn't hold.
any ideas or suggestions?
Thx again so much.
sent from my RAZR
Click to expand...
Click to collapse
i "think" thats because you are recompiling edited images. i think thats what he mentions elsewhere in these threads, always compile with stock images, then drag and drop your edited images. so you probably want to start with a stock framework, not one that already has edited images in it. i'm learning too though so dont quote me.
EDIT: hey dreamsforgotten, getting an error exporting: Failed to export NineFiles: C:\eclipse_workspace\Nine Files\bin\NineFiles.apk doesn't exist!
EDIT2: looks like somehow my ADB got wiped out from the tools folder so Eclipse couldnt find it, reinstalled, pointed to it in Eclipse preferences, works like a charm.
I think you are correct.. Ive just gotten so far away away from the original.. On my (own) 5th revision . That's cool though. I did try decompiling and re compiling immediately on an untouched framework, and it did in fact work.
sent from my RAZR
hey i was wondering if you have already posted your 2nd tutorial? If not is there going to be one anytime soon?
dreamsforgotten said:
Where do you go from here?
http://forum.xda-developers.com/showthread.php?t=817998
Click to expand...
Click to collapse
see above bro! each one has a link to the next, if your a little tech savvy they should be enough to get you started, i learned off of them so if you have any questions feel free to ask!
useruser25 said:
hey i was wondering if you have already posted your 2nd tutorial? If not is there going to be one anytime soon?
Click to expand...
Click to collapse
Noob Questions- I'm new to theming but i catch on very quick. I just have a few questions tho..I'm running on the Midnight ROM (CWM3)..I like the DK28 Gingerbread Theme 1.8 but would like to change the text colors a lil..So I Decomplied and recompile with zero errors..i ended up with a smaller file and it was named unsignedframework-res.apk..So i changed the name to framework-res.apk and put it back into the DK28 Gingerbread Theme zip so that i could flash it..I tryd to flash it in CWM3 but it told me it was aborted bc it was a bad file..so my two questions are how to get a theme to be CWM3 compatible and what im a doing wrong when it comes to decompiling and recompiling? Any advice would be greatly appreciated Thanks in advance
Noob Questions- I'm new to theming but i catch on very quick. I just have a few questions tho..I'm running on the Midnight ROM (CWM3)..I like the DK28 Gingerbread Theme 1.8 but would like to change the text colors a lil..So I Decomplied and recompile with zero errors..i ended up with a smaller file and it was named unsignedframework-res.apk..So i changed the name to framework-res.apk and put it back into the DK28 Gingerbread Theme zip so that i could flash it..I tryd to flash it in CWM3 but it told me it was aborted bc it was a bad file..so my two questions are how to get a theme to be CWM3 compatible and what im a doing wrong when it comes to decompiling and recompiling? Any advice would be greatly appreciated Thanks in advance
I haven't made a cwm3 zip yet but for a short cut you can find a theme created for it and copy the files from your theme in leaving the meta inf folder alone. I've noticed in the past as well when I recompile the file gets smaller and smaller according to the pc but that end up flashing all the same. Hope that helps.
Sent from my SPH-D700 using Tapatalk
chris378 said:
Noob Questions- I'm new to theming but i catch on very quick. I just have a few questions tho..I'm running on the Midnight ROM (CWM3)..I like the DK28 Gingerbread Theme 1.8 but would like to change the text colors a lil..So I Decomplied and recompile with zero errors..i ended up with a smaller file and it was named unsignedframework-res.apk..So i changed the name to framework-res.apk and put it back into the DK28 Gingerbread Theme zip so that i could flash it..I tryd to flash it in CWM3 but it told me it was aborted bc it was a bad file..so my two questions are how to get a theme to be CWM3 compatible and what im a doing wrong when it comes to decompiling and recompiling? Any advice would be greatly appreciated Thanks in advance
Click to expand...
Click to collapse
You can't decompile and recompile a framework with different images. The .9s will show funny
You need a edify script for cwm 3
Sent From Da Hood.
To get started, read the posts below by tsachi.
Then give this a glance - Do it yourself guide for theme editing
More Resources:
http://forum.xda-developers.com/showthread.php?t=982300
https://docs.google.com/Doc?docid=0AcdxIJRSH9ypZGZzc2pxNDlfMjdnazk4OHNxZA&hl=en
http://forum.xda-developers.com/showthread.php?t=916814
Info on how to edit the items in notification bar:
+ http://forum.xda-developers.com/showpost.php?p=11158662&postcount=3
All credit belongs to the original authors. I am simply gathering all this information to make it easier.
For any help or support, post in this thread and we will try to help you the best we can.
Expanded Information
Introduction
The link in OP gives you instructions on how to replace images, but it lacks information for the inexperienced themer. Here is some background information and some more details on the steps before and after you insert new images in your framework.
System Icons and background images sit in two main files: framework-res.apk and twframework-res.apk. Within these files there is a res directory, and under that you have the folders containing data. Google has guidelines on icon design, although themers usually ignore those in order to get a different from stock look. One thing you would notice is that there are a lot of repeated icons. For example, framework-res.apk has both drawable-hdpi and drawable-hdpi-v4. The first is there for compatibility with older APIs (anroid 1.6 or older) so I am not sure why it is still there, but if you remove it your phone will not like it.
Each application has its own res folder where the launcher icon and other visuals are kept. There are, however, a lot of applications that reference the framework.apk for visuals. An example is the dialer that calls on some background images from both framework-res and twframework-res.
There are 2 types of images that you would encounter. Normal icons and images are non-scalable. They take a certain amount of real estate on the phone, and that’s it. Example of these are the battery levels and notification icons. The other type is the .9 images. These are images that are going to be stretched to fit whatever space is needed. An example of that are the menu backgrounds. The .9 images have a special format. The one pixel border around them defines how they stretch and how content is displayed in them. It is highly recommended to follow the standards in order to get repeatable and consistent look. Android SDK has a tool to help with .9 file design: draw9patch.bat.
Important note: The .9 files show the borders ONLY when de-compiled. If you grab a file from the framework directly you will not see that line. It is therefore required to compile the .9 files after you make them. You can use apk manager or ThemePro-JAVA to recompile the framework apk after modifying the files.
Definitions for which image is used where sit in the xml files under the drawable folder. These are compiled xml files, you can’t edit them with a text editor. For this introduction I will not go into modifying xml files. Each apk also has a resources file that describes what is in there. If you add, remove, or rename files in the apk you will have discrepancy with the resource file and the theme will not work (more likely you will be stuck in an infinite bootup loop)
Before you start:
Warning: frameworks are highly linked with other files. You can’t just take a framework from one ROM and put it in another. Always keep a backup of the original files ready to be installed (see below), otherwise you may need to re-flash the ROM. Frameworks are also sensitive to compression. DO NOT use winzip to handle the files, it can cause problems with the final apk file.
There are several things you would need before you start
A rooted phone
SDK installed on the computer
A zip handling software other than winzip (winRAR and 7-zip are both good options)
Auto-sign (http://forum.xda-developers.com/showthread.php?t=471634) or signing tool (http://forum.xda-developers.com/showthread.php?t=473580)
Create a backup
Grab the framewor
k-res.apk and twframework-res.apk from your phone. They are located in the system/framework folder. You would need them as a starting point for your modification and you need them for a backup
Create a clockwork installation file of the original files (see post below)
Name the installation framework-original.zip, or something else that would be easily recognized in
case of trouble, and then copy it to your internal sd card.
After you are done modifying files
Create an installation file (see post below)
Give the file a name that is easy to recognize and copy it to your internal sd card
Reboot into recovery
Select install zip from card -> choose zip from sdcard
Select the installation of the new framework and confirm the installation
Reboot
If you are stuck in an infinite boot-up cycle
Take the battery out
Using 3-key combination boot into recovery (up-down volume + power. Hold until the AT&T screen cycles back, then release)
Install your original framework backup and reboot
Creating clockwork installation
After you have finished modifying the files, the best way to get them to the phone is through clockwork installation. Make sure that you have the original update.zip file on the sdcard. If you have a rooted phone, you probably have that already, but if not you can install ROM manager from the market and run it to get the update in place.
To create the installation file follow these steps:
Create a folder \framework
Place your modified framework files in that folder
Back in the main folder, create the following folder tree: \META-INF\com\google\android
In the android folder create a text file named update-script
WARNING: Do not name your framework file "update.zip"! You need both the original update.zip and the framework one for the installation.
Note: Although copying of the framework files may be possible, it is highly risky. In my experience installation from clockwork is the easiest
Puzzle Lock Screen Mod
Here is information for people who want to modify the look of the puzzle lock screen. It is only the list of images to replace, not the coding to change functionality.
The files sit in framework-res.apk under res\drawable-hdpi. The files are zzz_unlock_puzzle...
puzzle pieces
zzz_unlock_puzzle_noti_icon_call.png : Missed call piece in the floating state
zzz_unlock_puzzle_noti_icon_call_fit.png : Missed call when it gets to the unlock spot
zzz_unlock_puzzle_noti_icon_unlock.png : General unlock floating
zzz_unlock_puzzle_noti_icon_unlock_fit.png : General unlock at the unlock spot
Same for messages and voicemail.
Background
zzz_unlock_puzzle_bg.png : The image that shows on the lock screen. This should be semi-transparent if you want to show the regular screen background
zzz_unlock_puzzle_bg_pressed.png : Image that shows while dragging the puzzle pieces. Usually a slight modification of the regular background
zzz_unlock_puzzle_bg_land.png : The landscape version
Music player
zzz_unlock_disk... and zzz_unlock_ctr_pr... are the files related to the player.
zzz_unlock_ctr_bg.9.png is the background for the music controls
Text background
Overlaying the unlock image is text. That text can have background that is more opaque than the rest of the unlock screen.
The attached image shows the three regions. These regions also apply to the glass unlock.
Note: These are .9 files and should be done right to ensure correct stretching and text boundries.
Other files
There are some extra background files in the frameworks but I haven't been able to find where they go. There are also some files to control the clock numbers zzz_unlock_clock_...
Working with APK manager
What is APK manager?
APK manager is a tool for decompiling / recompiling apk files. If you want to change anything other than images, it is a must have.
The basics
The basic flow when using APK manager is
Place apk file in place-apk-here-for-modding folder
run the Script.bat file
Type 22 and select the file you want to work with
Type 9 and wait for it to finish decompiling
Modify the items you want modified (they will be in the projects folder)
type 11 to recompile
Sounds easy? It is, and it isn't. There are several places where things can go wrong. Here are a few of the things to watch for:
Bad starting file
This is mostly true for framework files that went through several cycles of modifications. The framework is forgiving to having extra items, or having bad .9 images (see post above about .9 images). Some people may have replaced images without recompiling the framework in a way that breaks internal links. If this happens you will very likely see error messages during the decompile stage. If that happens check the log file and correct things. One of the most common errors is .9 files replaced with regular images. See this post for how to solve this.
Things may not always be "fixable", so the best approach is to get the original framework that is the base for the one you need. Having a clean start can save a lot of headaches later on.
Overwriting your changes
When you recompile, assuming everything worked ok, you are prompted if this is a system file. Most likely you want to say yes. This ensures that the original signature is copied over. You will also be prompted if you want to copy some files over from the original. BE CAREFUL!. There are people who say you reduce the risk of errors if you copy things that didn't change. Personally, if I changed anything that required recompilation (mostly added new images or modified xml files) I always choose not to copy extra files. If you do choose to copy some files over, pay attention to the next step. Do not hit any key until you remove the modified files. You will need to go to the newly created "keep" folder (in the top apk manager directory) and remove any image that you changed and any xml that you modified. Also, if you modified xml files to add new images you need to delete "resources.arsc".
Failed rebuild
APK manager is trying to minimize work by only compiling newly changed items. If you built an apk and realized you have an error, or want to add more changes, I recommend removing the cached build. Go to the projects folder and delete the "build" folder. I've had cases where the new items didn't catch.
Removed items
I highly recommend to leave icons that you do not need. I've had occasions where I removed things that I thought had no more reference, but then ended with endless boot-loops. For example, if you modify the xml to only show 6 out of the 101 battery charge animations, leave the remaining icons in your project.
If you're stuck
Look at the log file. That would usually give you an answer. Also, if you are working on a recent GB ROM you probably need to get the beta 5 version. Version 4.9 will have problems compiling the newer files.
Thanks for the info!!! I have been wanting to play with themes for a while. Now I gots the knowledge.
sent from my Cap using the app.
Thanks for this post...I'll be looking into this for sure.
tsachi said:
After you have finished modifying the files, the best way to get them to the phone is through clockwork installation. Make sure that you have the original update.zip file on the sdcard. If you have a rooted phone, you probably have that already, but if not you can install ROM manager from the market and run it to get the update in place.
To create the installation file follow these steps:
Create a folder \framework
Place your modified framework files in that folder
Back in the main folder, create the following folder tree: \META-INF\com\google\android
In the android folder create a text file named update-script
WARNING: Do not name your framework file "update.zip"! You need both the original update.zip and the framework one for the installation.
Note: Although copying of the framework files may be possible, it is highly risky. In my experience installation from clockwork is the easiest
Click to expand...
Click to collapse
Thanks for this.. Question In #4 above the text file in the android folder. Is that an empty file? no extension? Thanks for your help.
TorqueWrench001 said:
Thanks for this.. Question In #4 above the text file in the android folder. Is that an empty file? no extension? Thanks for your help.
Click to expand...
Click to collapse
The file has no extension but it isn't empty. It contains the installation instructions. Typical instructions would be:
copy_dir PACKAGE:framework SYSTEM:framework
which copies everything in the frameworks folder in the zip file to the system/framework folder on the phone
Sent from a captivate running phoenix using XDA app
https://docs.google.com/Doc?docid=0AcdxIJRSH9ypZGZzc2pxNDlfMjdnazk4OHNxZA&hl=en
http://forum.xda-developers.com/showthread.php?t=916814
Good info
Thanks, been wanting to play with themes for a while now!!!!!
This needs a bump for all those requesting themes to be made.
This needs to be a sticky. I detailed guide is just what was needed. I been wanting to play around with themes but always end up doing something stupid so it never works. Now I have some more knowledge and hopefully can avoid that mistake.
Thank you, one of the links has the info I need to fix my text color issue in my notification/menu window!
Sent from a phone using an app.
Why it's not pinned it's beyond me. We have a thread pinned for must have apps that aren't even must have apps, but not this.
That was do to some how me missing this thread for the post few months. It is corrected now. Stuck
Since the thread is getting more life, I just added info on lock screen (fourth post)
Sent from my captivate running the latest firefly
Resorce dump
Well now that this is not going to fall to the depths of page 500, ill unload some rubbish into it.
http://android.modaco.com/content/zte-blade-themes-and-design-customisation/328510/guide-theme-editing-and-related-things/
http://forum.xda-developers.com/showpost.php?p=9066440&postcount=1
http://forum.xda-developers.com/showthread.php?t=593932
http://forum.xda-developers.com/showthread.php?t=695701
http://forum.xda-developers.com/showpost.php?p=8105110&postcount=2
http://developerlife.com/tutorials/?p=309
http://www.droidforums.net/forum/team-inversion-conversion/116419-so-you-want-edit-xmls-more-adb-apk-manager-how-basics.html
http://www.colorschemer.com/online.html
http://www.colorsontheweb.com/colorwizard.asp
Edit: I purposefully did not include descriptions in the links. If you dont know what your doing reading all but the last two links in there entirety will help get you on your way.
whiteguypl said:
Well now that this is not going to fall to the depths of page 500, ill unload some rubbish into it.
http://android.modaco.com/content/zte-blade-themes-and-design-customisation/328510/guide-theme-editing-and-related-things/
http://forum.xda-developers.com/showpost.php?p=9066440&postcount=1
http://forum.xda-developers.com/showthread.php?t=593932
http://forum.xda-developers.com/showthread.php?t=695701
http://forum.xda-developers.com/showpost.php?p=8105110&postcount=2
http://developerlife.com/tutorials/?p=309
http://www.droidforums.net/forum/team-inversion-conversion/116419-so-you-want-edit-xmls-more-adb-apk-manager-how-basics.html
http://www.colorschemer.com/online.html
http://www.colorsontheweb.com/colorwizard.asp
Edit: I purposefully did not include descriptions in the links. If you dont know what your doing reading all but the last two links in there entirety will help get you on your way.
Click to expand...
Click to collapse
Very nice, I will add these to OP with details about each link.
I'm quite happy that this has been pinned finally. Now to get to work. I haven't decided on which ROM I want to do, or even if I wanna port another theme or make my own. SO MANY CHOICES!!
ok... status_bar_close_on_cust.9.png
i believe i have followed all the guides i have seen correctly. sorry. i've been stuck on this for almost 4 hours.
i opened the apk in 7zip, exported the image.
removed the 9 from the file name
edited the png in PS
opened draw9patch,
added the full bottom and right side lines.
added the 2 dots i need on top and made the leftside work after eclipse failure
did the eclipse project thing
pulled new status_bar_close_on_cust.9.png from the eclipse created apk
opened framework-res.apk in 7zip again
i tried both..
- deleting the original image and then adding the new to the archive
- drag-drop the new image thus replacing the original
resign the rom's zip
when i install on system i get the bootloop with each loop getting shorter.
i have tried converting framework-res.apk to a zip, resigning it, and then back to an apk
i know this is a much descussed subject on this forum and all the other's i googled looking for the missing step or something i'm doing wrong
i have tried apkmanager, apktools, shorter suggested methods i've seen, and full drawn out methods.
i dont know if i'm messing something up in the png edit, the draw9patch, eclipse, signing or not the apk, or somewhere else.
i've tried pulling a logcat/boot.log from the device but i get some sort of error. i dont know if it's not creating one or i'm trying to pull it from the wrong place.
i'm sure a ton of you guys have had this happen to you. please offer some advice
Do you get an error when importing into eclipse? If so what does it say?
im sorry shoulda clarified that. originally i failed to put the patches on the left side. it failed when trying to make the apk. put thos there and the apk was created. my proplem is with the framework-res.apk i guess.
i put it back in the rom, sign it, and boot-loops.
i guess it has something to do with adding the image to the framework-res.apk. apparently it doesnt like the new image, so to speak. i have tried finding out how to re-build the framework-res.apk, to no avail. hell, i may be using the wrong terminology when searching. at this point, i have no idea.
If i change any images i use metamorph, free from the market. You dont need to sign and flash full apk's, just the files that need changing, a lot quicker and easier.
You could create your ***.9.png as a full size png and remove the 9 patch data, eg. instead of having a 5x32.9png make it 320x32.png(depending on your resolution).
In fact come to think of it ive never seen the "status_bar_close_on_cust.9.png" on my screen, just "status_bar_close_on.9.png".
EDIT: If you've used apktool or other to decompile, crop the the edges by 1 pixel each side, this will remove the 9 patch data, edit your image, then use your draw9 tool, and recompile with eclipse.
You may have been adding another 1 pixel 9patch border to the already existing 9patch border, hope that makes sense.
this is the custom pull down notification bar in gingerfly-1.7.0 based on cm6.1 i believe with some gingerbread looks.
This is how I do it:
1. Extract image from framework-res.akp. You can right click on the framework > 7-zip > open archive and extract the image this way or just extract the whole apk.
2. Edit the image. Open the image in Photoshop and do what you want. Don't worry if you don't have the border. Save the image as a .png file.
3.Add the border. Open draw9patch and add the image. A border for the dots should be created automatically so just do what you need to do and save it as the same file name. It should automatically change the file type to .9.png.
4. Compile the image.9.png. Download the file attached. In the zip, you should see a file called 'xUltimate-d9pc' and a folder called 'Original'. Put the image into the folder 'drawable inside 'res' inside 'Original'. Then open the file named 'xUltimate-d9pc' and wait. When it has finished, there should be a new folder and inside should be the compiled image.
5. Replace the image in framework. Right click framework-res.apk > 7-zip > open archive. Drag the new image into the framework, make sure you have the same file name. You shouldn't need to sign it.
Now you should have a framework-res.apk working with no problem.
I'm not sure if it will work for a custom rom as I use the framework-res.apk from my X10
Hope this helps.
that worked! thanks much!!! the one step i did add to this is to re-sign the rom. i have had nothing but problems anytime i have not signed it after making any changes. it may be an un-needed step, but it worked. thanks again!!!
Can I bump this real quick?
This is my first post here and I'm sorry if I shouldn't bump this thread but my problem is closely related and I hope someone out there knows what I'm doing wrong.
First things first, I'm using the EVO, that's probably important information.
I just flashed Warm Z TwoPointTwo and I love it, except... I really want the vanilla lockscreen. No problem, right? Just rename or delete HtcLockScreen.apk and you're good to go.
That works, and the vanilla lock screen appears upon hot reboot, but the images aren't right; they are all transparent in Warm Z. I have been trying basically all day to get the stock images back into framework-res.apk and nothing has worked; I bootloop every time.
The images are jog_tab_* except that the images in MY framework-res.apk have for example jog_tab_bar_left_end_confirm_gray.png (for all of the left and right end confirm images), whereas the AOSP framework-res.apk has 9patches for all of those.
I've tried deleting the jog_tab_* images in mine and placing in the ones from AOSP, I've tried placing the AOSP images in alongside the ones already in my copy, but nothing works.
I've tried apktool, apk manager, xultimate... I've read about 25 xda threads on this and tried every new suggestion. It bootloops no matter what I do. I think I'm missing something.
I've done the 7zip replacement without re-signing, I've re-signed, I've done xultimate with compression 0, and I've tried creating my own metamorphs. Something about Warm Z is conflicting with the vanilla images, but I'm too inexperienced in themes and the Android OS to know what's up.
Perhaps Warm Z changes definitions elsewhere as to which images are used, or perhaps something else isn't lining up properly with the vanilla lockscreen code. I hope someone out there knows what on earth I'm talking about.