• After 15+ years, we've made a big change: Android Forums is now Early Bird Club. Learn more here.

Root working with .9 while themeing (making things stretch)

F

faber78

Guest
I started this earlier and ran in to trouble. Apparently the android sdk r8 doesnt work the way r7 did and as easily as beta 9....at least with my little skill level. But I think we'll give it another go.

-I'm pretty much self-taught, so go easy on me.

Things you need:
-Time and patience
https://cds.sun.com/is-bin/INTERSHO...ProductRef=jdk-6u23-oth-JPR@CDS-CDS_Developer
(^Not sure if you need the developers java or regular, I have both now ;)....over my head).
7-Zip
GIMP - The GNU Image Manipulation Program
Android SDK - Free software downloads and software reviews - CNET Download.com
(^f%#&, get this version....cause if you ever use 1 thing in a huge system of stuff....they'll go and change the thing you use....lol....)
[Release] xUltimate - Droid Forum - Verizon Droid & the Motorola Droid Forum
(xultimate draw9patch compiler; its toward the bottom of first post under standalone. I believe 86 is for 32 bit and 64 is for 64 bit).


-Extract xcompiler and android sdk to your desktop, install 7zip and gimp.

------------------------

So I'm gonna work in blkwhtandchrome and change the color of the menu background while still keeping the chrome trim looking good. We'll change it to .... let's say red. (Cause now that I have my phone how I like it I might as well mess with it :))

First take your theme and make a copy somewhere safe. I like to use another partition on my ssd/hard drive so I can just drag and drop it to my desktop and it will easily make a copy keeping the original safe. You could probably easily do the same with a thumb drive or sd card or something.

Put your theme to work with on your desktop and call it "test" or whatever.

snap20101214_135102.png


1-1.png



Lets do a little learning. Follow the pic below. (Close folder, by the way, is the little folder with the green arrow on the left of the location window, just under the copy to the right arrow).
(When you open 7zip, remember you can open more then one instance of 7zip which can mess with you later, and you need to do that at other times....its not a big deal, you wont do it on accident, I just want to mention it....you'll know you can see that there is another window open in bottom bar or on desktop like any other window. I just didnt want anyone to open two instances and then get messed up later when trying to close and finish one if they accidentally switched to the other, or anything else that might happen. To do other things we have to open 2 or more sometimes....not with this).

- Create a folder on your desktop called "pngs" and inside of 7zip locate your theme "test".
- Now click on it in 7zip (double click on my touch pad net book) and it will open up inside 7zip. Its like peeking inside a zipped folder without opening it.
- Now click on through these folders:
test (theme on desktop), system, framework, framework-res.apk, res, drawable-hdpi.
-Go to "edit" in top bar of 7zip, pick "select all" and it should look like the pic below.
2-1.png


-Then double click or whatever method your computer uses to drag and drop all of it in to your "pngs" folder. (Just grab one spot inside 7zip, it will all go with since you told it select all).
See below.
3-1.png


-Give it time to finish copying. You didnt move anything from the theme, you copied it all to your "png" folder. It wont effect the theme any until you put something back in to 7zip with the same name as something else, then it will overwrite that file....we'll get to that later.

-Open your "png" folder and look around. This is the inside graphics of your phone. (Some of them).

- Im looking for "menu_background_fill_parent_width.9".

Now lets stop. "How do you know what you are looking for?", you ask.
F$%^#$^ trial and error is how I found out....lol....hopefully you can find out an easier way. Plus it resembles what I'm looking for and the name kinda makes sense. But trial and error would be my answer. :)

Find the .png you want to edit and drag it to desktop. (Make a copy of it somewhere else, just like with the whole theme; if you think you may screw this up....:)....I know I will....lol.)

Now open up Gimp, give it time to load up, and then drag and drop our .png on there.
5.png


Now follow pics below:
6.png


7.png


When you are done making changes, click "file" and select "save" or close it and it SHOULD ask you to save. DO NOT CHANGE THE NAME OF THE .PNG.

Now at this point it looks like you want and we kept transparency, so we should be able to just throw it back in the theme and go on, right?....I wish. :) You can try it just to see how bad it looks.

- Now go in to android sdk and find "tools" then find "draw9patch" and open it.....it should open up and you can drag/drop your .png on to it.

That should bring you to the pick below.
Follow directions on pic below and save then quit.
8.png


Still not done.

Now open up your extracted file of xcompiler and go in to the folders (just open, not in 7zip):
- example1, res, drawable hdpi and delete everything in there. (its someone else's work....just delete all of it. Make sure you are hitting delete, not backspace.

Drag/drop (or copy paste or whatever) your png there.

- Back out until you see the little droid icon (and both example folders/etc.).

-Click/start the little droid icon.

-When it is done there should be a new folder that is called "done" (imagine that). Go into it and example1 and on until you find your png. Then drag/drop it on your desktop.

-Now open 7zip (or find the one you had open or whatever) and navigate to where we originally got all the pngs....look back at the beginning.

-Then right click/delete your new png....JUST KIDDING.....LOL....:)
(^If you accidentally deleted it; it's O.K., you needed the practice anyway).

-OK, seriously: drag/drop your new png right into 7zip where we got it from, it will overwrite the old one. AS LONG AS YOU NEVER CHANGED THE NAME OF IT WHILE WORKING ON IT. Tell it yes you want to copy it there or whatever when it asks.

9.png


-Close 7zip and tell it "OK".

-Now load like normal and cross your fingers.

Look at that, its red and the chrome looks OK!

snap20101215_142854.png


Hope this helps someone.

You can see how to change colors in status bar notifications, clock, etc. here:

http://androidforums.com/droid-x-al...bar-notifications-color-change-pic-heavy.html

You can also find a link in there to see how to change carrier name.

:)
 
  • Like
Reactions: kensdavid
Good tutorial.

The part I was confused about originally is that the images need to be "compiled" after saving them with the draw9patch.png. I'm not sure compiled is the right word, but perhaps it is?

I will play later, but I'll probably just use eclipse to export the unsigned apk and take the image from there, rather than use a special compiler. Or is that the part that no longer works?

FYI, to try to answer your Java Question:

The Java Runtime Environment (JRE), contains the Java Virtual Machine (JVM) which is used to run all java applications on your computer. This virtual machine allows java applications to run on various different kinds of hardware and operating systems, so long as the virtual machine is installed. This means a programmer needs to code once, compile once, it it "should" run the same from any computer with the same JRE installed. I say should because there are of course, exceptions.

The JDK (developer version) comes with the JRE/JVM and additionally tools such as the java compiler, needed for creating the programs. It seems to me that people wanting to mess with .9pngs probably want the JDK, but I'm not sure since your using that special compiler, that is not part of the JDK, so it may not be necessary.
 
Upvote 0
status bar/notifications/etc. color change:

first off: credit to bouchigo (no way i would have figured all this out without him sticking with me through learning it).

helpful links:

[Q] Changing the "Verizon Wireless" text - xda-developers
Text Color Change (Complete how to do) - Droid Forum - Verizon Droid & the Motorola Droid Forum
http://androidforums.com/droid-all-...notification-clock-pull-down-text-colors.html
Web Color Chart - Hexadecimal - by VisiBone

HxD - Freeware Hex Editor and Disk Editor | mh-nexus
7-Zip
colorChangev3.jar

(how to change "verizon wireless" on phone:
http://androidforums.com/droid-x-al...change-verizon-wireless-notification-bar.html)



2.png


1.png



3.png


-right click your "framework" folder and select: "7zip", then "add to archive" on 7zip pop out....you'll get the pic below.
SA.png


asdasf.png


ASDFSADF.png


ADFDSF.png


go here: Web Color Chart - Hexadecimal - by VisiBone
and pic your color....remember it exactly. put it somewhere.
ADFADF.png


ASFSAF.png


SAGGS.png


ADFASFDAGD.png


4.png




KLAJLDKJFL.png


in the pic below: remember we are looking at the set AFTER what search finds, not the highlighted group that search found. also the disk in hxd = save.
ASFSFDSFAFFA.png



check all 3 .xmls and change any finds in the pic below (it just happened in my case that i only had to change 2 in status bar and the others didnt have any finds).
AKSGLKHG.png


LASKHFLHG.png


JLSADJFLASJKLKASJF.png
 
  • Like
Reactions: bouchigo
Upvote 0

BEST TECH IN 2023

We've been tracking upcoming products and ranking the best tech since 2007. Thanks for trusting our opinion: we get rewarded through affiliate links that earn us a commission and we invite you to learn more about us.

Smartphones