I will guide you into the famous 9.png creation
First rule before to start how to learn to theme your device :
Always make a backup of the files you are about to edit or do a nandroid backup.
If anything goes wrong you will get a bootloop.
{
"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"
}
☺ TOOLS you must have ☺
1. PHOTOSHOP / GIMP http://www.gimp.org/downloads
or a good alternative for those who are rookies in Adobe products : PAINT.NET http://www.paint.net
or any other Graphics editor you like to use of your choice.
2. DRAW 9-PATCH http://developer.android.com/sdk/index.html
You will find it in your SDK starter package ( android sdk/tools )
The Draw 9-patch tool allows you to easily create a NinePatch graphic using a WYSIWYG editor.
3. xUltimate-d9pc.exe http://lmgtfy.com/?q=xUltimate-d9pc
Basically you will need to compile the edited 9.png to Draw9Patch Compiler
*****
Now let's play with your pics in the graphic editor of your choice :
your 9.png's files would be in <drawable/drawable-hdpi> folder' apk
When you are done editing your image,
you can open it in the draw9patch tool to verify that it stretches properly.
Here is the most important part of the 9.png creation.
You need to define 2 parts :
* Stretch part ( always left and up side )
* Content part ( always right and bottom side )
When you are done stretching your image,
you can open it in the 9.png compiler tool to compile it properly.
you notice the 1pixel border created for the stretcheable 9.png
Place your files in example1/drawable-hdpi
Execute the xUltimate-d9pc.exe
If you defined properly your 9.png,
you must find no errors and you can hear a "peeep"
Compiled ready files are in /Done folder
When you are done compiling your image,
you can see that the 1pixel border disappeared.
Use 7-ZIP http://www.7-zip.org
(an open source file archiver with a high compression ratio)
to drag your files into the apk !
Source : androidbyyorzua
Congatulations, you can enjoy your work
thanks to "PoorCollegeguy" who featured my thread the XDA Portal )))
and tweeted as well :
spc_hicks09 said:
Thank you soooo much for posting this!
Click to expand...
Click to collapse
A single click on the thank button would make me happy if i helped you
Great tutorial. Thanks for writing it.
But do you happen to know how to do it the other way round?
If you have a single compiled .9.png file, is it possible to decompile it again?
I know apktools do decompile it when decompiling complete apks, but I couldn't figure out how to do it to a single png file.
EddieFAF said:
Great tutorial. Thanks for writing it.
But do you happen to know how to do it the other way round?
If you have a single compiled .9.png file, is it possible to decompile it again?
I know apktools do decompile it when decompiling complete apks, but I couldn't figure out how to do it to a single png file.
Click to expand...
Click to collapse
Thanks for your comments,
Maybe this is what you are looking for :
[UTILITY][TOOL] 9patchPngSuite [Windows&Linux]
Personally never tried/needed it yet
Great tutorial. Nice job making the front page on xda too. I assisted with making a new draw9patch a couple months ago and would highly recommend checking out my thread here on xda. It will literally save you hours of time from using the original draw9patch.
http://forum.xda-developers.com/showthread.php?t=1344909
Guy's please keep the thread clean and on topic and please do not post a thank you post just hit the thanks button in the OP's first post
Thanks
I have a problem with the display of icons .png in Photoshop.
The original icon:
When I paste into Photoshop:
There are many icons that appear in Photoshop in this way. Can anyone help? My version of Photoshop CS5
przemo5020 said:
I have a problem with the display of icons .png in Photoshop.
The original icon:
When I paste into Photoshop:
There are many icons that appear in Photoshop in this way. Can anyone help? My version of Photoshop CS5
Click to expand...
Click to collapse
A little off topic, buddy, as it is not really a 9.png you are trying to work on but doubke check if the png is indexed. You will find many of the pngs indexed and some not.
Answering from my phone, will help you better tomorrow
Freaking awesome dude will try this out. Since I was looking to add some of my costume 9.pngs.
Thank you, as this is a good guide. Took me awhile until it finally clicked. I know you emphasized but I do not think enough, the stretch and content lines are vital. I did not quite get WHAT that meant till messing over and over.
Any one trying fot the first time, definitely play with the examples he provided and you will be all good.
There is an app for Android called "9 Patch Editor" that can load .9.png (compiled or with border) and edit them or remove patches altogether. I hope that helps.
Hi,experts,I'm new to this theming and png editing stuff
Can I create 9.png if I just follow your guide Yorzua? If yes,
I'll give it a try soon!
Orelse, if this is a higher level thing,could you guide me into something basic .so that I learn some things and then jump over here!
Sorry for the questions....! Hope you don't mind!
Sent from my MT11i using xda premium
Do .9.pngs need to be source to resize with the 9patch tool or can they be resized when compiled.
thank you so much for this i was going crazy !
seand88 said:
thank you so much for this i was going crazy !
Click to expand...
Click to collapse
You are welcome,
glad it could help someone
Hi Yorzua,
If you see the sending text message animation on ios or any iphone it is
is awsome and smooth sliding effect and message goes upped side with
sliding... I want to do same animation on my android phone... but the
problem is when i decompile WhatsApp apk i can not found folder of
animation. Can you plz tell me or show me how can I do that???
Plz do needfull.
please help me, I want only this 9.patch colors change to white , can someone do and share to me ? thanks..
http://www106.zippyshare.com/v/FmVNQcCP/file.html
Related
Since the day it was backported, the Contacts.apk from ChainsDD has proven very difficult to theme. I've yet to come across a single theme that had the 9.png files in this theme modified.
I have tried dozens of times to do so but the buttons become warped and stretched when you press them. I've tried using the draw9patch.bat as instructed by damitpud from here: http://forum.xda-developers.com/showthread.php?t=487001 but I have no clue if I'm doing it right because I am clueless with Eclipse.
Attached are a few of the png files that I am trying to use to theme the Contacts.apk file. It would really suck if I worked for countless hours for 8 stupid png files and they didn't turn out the way that I wanted. So I have basically given up. Until now. I am hoping that there is someone that can offer a simplified walkthrough to converting the 9.png files to work in the apk file.
I know that I'm not the only one that's been frustrated with this so I'm hoping that we can simplify it because this file seems to becoming the standard in Cyanogens Rom updates. It's been out for almost a month and all I ever see is yellow and orange.
The reason the images are warping is because you have to compile the .9.png files in eclipse in order for them to work. You could ask someone to compile them for you, but if you want to get into theming at all then you must figure out how to work with them. once you get it down, it's not all that hard
i have themed them. like freekyfrogy said, it isn't all that hard to do once you compile a few of them in eclipse.
david1171 said:
...it isn't all that hard...
Click to expand...
Click to collapse
freekyfrogy said:
...once you get it down, it's not all that hard
Click to expand...
Click to collapse
Alright guys... as I mentioned in my original post... I get stuck with Eclipse.
Since it's so easy, please give better instructions on how to do it with Eclipse.
I've tried the walkthrough from damnitpud and it throws about 12 different errors and nothing worked.
Bro the only thing you need eclipse for is to recompile the images...just start a new Android project and choose "From existing Source", then choose one of the samples that comes with the SDK...i use home.apk. then after you edit the .9.png's with draw9patch, you dump them into a folder (i.e. res/drawable or res/drawable-land) in the project, overwrite whatever images may already be there, and then right click the root of the project in the tree view and go down to "Android Tools" and pick "Export Unsigned package". (it doesnt matter if its signed cuz your just gonna extract it for the images)
This will save an .apk file to your eclipse workspace directory. just copy it to your desktop and extract it to get the freshly compiled .9.png's and inject them into your .apk or update.zip...then sign and flash!
hope this helps, if not, i do this all the time i can help you out if you get stuck...
EDIT: out of curiosity, what errors are you receiving?
EDIT EDIT: I dont know if you like Death Metal, but here's a couple i made, just so you can see it does work...they're the same dialer just with a different background, but its not warped or fuzzy at all, check em out...(alright the screenshots are kinda fuzzy but you can blame that on Drocap2...
{
"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"
}
-BMFC
bmfc187 said:
Bro the only thing you need eclipse for is to recompile the images...just start a new Android project and choose "From existing Source", then choose one of the samples that comes with the SDK...i use home.apk. then after you edit the .9.png's with draw9patch, you dump them into a folder (i.e. res/drawable or res/drawable-land) in the project, overwrite whatever images may already be there, and then right click the root of the project in the tree view and go down to "Android Tools" and pick "Export Unsigned package". (it doesnt matter if its signed cuz your just gonna extract it for the images)
This will save an .apk file to your eclipse workspace directory. just copy it to your desktop and extract it to get the freshly compiled .9.png's and inject them into your .apk or update.zip...then sign and flash!
hope this helps, if not, i do this all the time i can help you out if you get stuck...
EDIT: out of curiosity, what errors are you receiving?
EDIT EDIT: I dont know if you like Death Metal, but here's a couple i made, just so you can see it does work...they're the same dialer just with a different background, but its not warped or fuzzy at all, check em out...(alright the screenshots are kinda fuzzy but you can blame that on Drocap2...
View attachment 259405
View attachment 259406
-BMFC
Click to expand...
Click to collapse
Starting off when I use an "existing source" it gives me an error that it can't find the res files. So i managed to do a "quick fix" for that and it is now spitting out warnings and I haven't even dropped in my png files yet.
Here is how I set eclipse up to handle my .apk that I needed.
file, new, project, android, android project.
it will bring up pop up window.
select create project from existing source.
select browse. (i still use the 1.5r3 for this)
C:\android-sdk-windows-1.5_r3\platforms\android-1.5\samples\HelloActivity
that is the location i use. i use HelloActivity because there are no images in it to begin with but you can place images in it.
after that it lets me press finish and it open the project and allows me to drop my .9.png's into it.
once finished with adding files, right click, scroll down to android tools, export unsigned android package.
really don't know if any of this will help since bmfc187 already put up what he does which is really the same thing that i do.
i did have to read through a fair amount of the thread to set up the already existing project and that is what i got out of it.
david1171 said:
Here is how I set eclipse up to handle my .apk that I needed.
file, new, project, android, android project.
it will bring up pop up window.
select create project from existing source.
select browse. (i still use the 1.5r3 for this)
C:\android-sdk-windows-1.5_r3\platforms\android-1.5\samples\HelloActivity
that is the location i use. i use HelloActivity because there are no images in it to begin with but you can place images in it.
after that it lets me press finish and it open the project and allows me to drop my .9.png's into it.
once finished with adding files, right click, scroll down to android tools, export unsigned android package.
really don't know if any of this will help since bmfc187 already put up what he does which is really the same thing that i do.
i did have to read through a fair amount of the thread to set up the already existing project and that is what i got out of it.
Click to expand...
Click to collapse
i'm either drawing the borders wrong or it's eclipse that's not set up right... I'll give it another go. Thanks.
Nope. I think that I was able to get it to work in Eclipse and updated in the Contacts.apk file but they still come out looking warped. I have to be doing the borders wrong.
Maybe someone can tell me what's up.
After you compile the .9 image and open the image, do you still see the black pixels around the edges? If you still see the black pixels, then it wasn't compiled. If you don't, then it should work.
MOONSSPOON said:
After you compile the .9 image and open the image, do you still see the black pixels around the edges? If you still see the black pixels, then it wasn't compiled. If you don't, then it should work.
Click to expand...
Click to collapse
nope. no pixels at all.
Got it!
I just decided to pull the source from Cyanogen's github because I remembered that the 9.png files already had the borders on them.
It would seem that my problem wasn't with Eclipse... it was knowing where to place the borders in the draw9patch.bat.
No problems.
Thanks for the help.
Hi,
I'm currently creating a black theme for a 2.1 rom but i am totally struggling finding the PNG file for the apps list "all programs" background, currently it's a light shade of grey starting at the top shading down to black at the bottom but want to make this this totally black.
I have changed all the files i can find that resemble the background but it remains grey fading to black and maybe this is controlled by an xml file?.
I have looked in framework-res and com.htc.resources apks but cannot find the file to change this.
Can anyone help me with this please?
Thx.
welcome to the league of those who cannot find the menu background... we've all been searching for a long long time, the shining knight has yet to be found that can free us all from the curse of the dark in the back...
Lol, ok but some themes i've seen have a black background, maybe this is because it's the default for the that particular rom/theme.
after reading your first post again : are you talking about stock or sense roms? not sure about the stock launcher, it should be know what file it is for that. not for rosie though.
I'm themeing an expresso sense rom and the file i have found that resembles the background png is called common_panel_gradient.png, which is also found in some common system apk's.
Hitman37 said:
I'm themeing an expresso sense rom and the file i have found that resembles the background png is called common_panel_gradient.png, which is also found in some common system apk's.
Click to expand...
Click to collapse
have you tried editing it?
kendong2 said:
have you tried editing it?
Click to expand...
Click to collapse
Yes, i did a couple of system apk's as well but the programs background stays the same, sys apk's change to the new edit.
Hitman37 said:
Yes, i did a couple of system apk's as well but the programs background stays the same, sys apk's change to the new edit.
Click to expand...
Click to collapse
It's not a png, it's a xml in framework-res.apk. I'm not at my own pc right now, but I'm 99% sure it's in /res/values/colors.xml. I tried editing to a semiopaque once, but it made the icons have trails when scrolling.
EDIT: Forget it. Just downloaded the stuff needed, and it is not in framework-res.apk. It's in Rosie.apk. /res/values/colors.xml. Line 8
Code:
<color name="all_item_background">#ff000000</color>
tristan202 said:
It's not a png, it's a xml in framework-res.apk. I'm not at my own pc right now, but I'm 99% sure it's in /res/values/colors.xml. I tried editing to a semiopaque once, but it made the icons have trails when scrolling.
EDIT: Forget it. Just downloaded the stuff needed, and it is not in framework-res.apk. It's in Rosie.apk. /res/values/colors.xml. Line 8
Code:
<color name="all_item_background">#ff000000</color>
Click to expand...
Click to collapse
Ah thanks Tristan ,
i thought it was probably xml related but the question now is how do i edit this (ff000000) in line 8 to change it to my all black background and what hex would this be?
Do i need some java tools for editing the xml?
Thank you!
Hitman37 said:
Ah thanks Tristan ,
i thought it was probably xml related but the question now is how do i edit this (ff000000) in line 8 to change it to my all black background and what hex would this be?
Do i need some java tools for editing the xml?
Thank you!
Click to expand...
Click to collapse
You need to download apktool, and then extract Rosie with that. The way it's done is this:
Code:
apktool d Rosie.apk out
That will decompile it to the folder 'out', and make all xml files readable and editable. Then after editing you run this command:
Code:
apktool b out
That will rebuild the apk. All left to do is either resign it or copy the edited files to your original Rosie.apk
Thanks again!!
Two questions...
What editor do i need to edit the decompiled file, will notepad do it?
What do edit the file to in line8, to use my background PNG?
Thanks.
Hitman37 said:
Thanks again!!
Two questions...
What editor do i need to edit the decompiled file, will notepad do it?
What do edit the file to in line8, to use my background PNG?
Thanks.
Click to expand...
Click to collapse
Notepad will do just fine. I use Notepad++, a freeware great notepad replacement with code highlight. I am not sure if you can replace the background with a png. That's be kinda tricky. It will probably require some altering in the smali, and I'm not familiar with that. One thing you could try is edit another file instead. You need to edit bladelistview.xml in layout folder.
Edit this tag:
Code:
android:background="@color/all_item_background"
to this:
Code:
android:background="@drawable/NAME_OF_YOUR_PNG_WITHOUT_EXTENSION"
Remember to put you custom image in the drawable folder in Rosie. I am not sure if this will work, but it's definatly worth trying.
Ok great, i'll try your suggestions.
Thanks
Hmm no it doesn't work, still the same background, i also get some errors when decompiling and re-compiling rosie but i inserted the files directly into rosie anyway with winrar, still not working
Any other idea's?
Thanks.
I have a feeling there's an apk somewhere that controls the program launch/list that has this png inside but i cannot find it , i thought that it could be the Launcher.apk but it's totally missing from the apps folder
This is what the current background looks like
{
"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"
}
And want to change it to this...
I'm having some problems theming it. I want it to be like the one from BlackMod so I've extracted the one from BlackMod and put it in my theme so it should work now right? But it didn't it just showed the widget but not with the correct bagground etc. Then I took the GenieWidget.apk from the original ROM and themed it plus some pngs that is also in it. Something 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"
}
but it's still not working :/ This is what the widget currently looks like BTW:
bro, did you sign it after you modded it to ur liking? from your first picture i just see the .9 borders, which are not supposed to be there after you run it through a compiler like Eclipse.
opasha said:
bro, did you sign it after you modded it to ur liking? from your first picture i just see the .9 borders, which are not supposed to be there after you run it through a compiler like Eclipse.
Click to expand...
Click to collapse
As it is a system apk it does not need to be signed. The borders are because of decompiling and I did recompile again afterwards. Also it does work but it doesn't have the correct layout. That's the issue
C0mpu13rFr34k said:
As it is a system apk it does not need to be signed. The borders are because of decompiling and I did recompile again afterwards. Also it does work but it doesn't have the correct layout. That's the issue
Click to expand...
Click to collapse
send me your images that you want for this geniewidget and power control and ill edit and sign it for you and then upload the apk. or if you want, i can create an update.zip like i did for this fellow in the Post Your Home Screen thread. let me know, i'm always happy to help.
opasha said:
send me your images that you want for this geniewidget and power control and ill edit and sign it for you and then upload the apk. or if you want, i can create an update.zip like i did for this fellow in the Post Your Home Screen thread. let me know, i'm always happy to help.
Click to expand...
Click to collapse
I appreciate that but that is not the problem. The problem is that I have themed it (all pngs that needs theming) but it still stays as the matte Power Control Widget. I ask because someone might know if there are some other pngs in some other apks or if I have to edit some XML files or something. I have already created 2 themes so I know how it works (signing, update.zip etc.)
C0mpu13rFr34k said:
I appreciate that but that is not the problem. The problem is that I have themed it (all pngs that needs theming) but it still stays as the matte Power Control Widget. I ask because someone might know if there are some other pngs in some other apks or if I have to edit some XML files or something. I have already created 2 themes so I know how it works (signing, update.zip etc.)
Click to expand...
Click to collapse
hm, assuming you know that power control widget is in the settings.apk and have edited that, my only other suggestion would be to check the framework because i do not know of any other place where they could be. however, from my experience, i find it always best to edit your apk within your theme (the actual .zip) and then sign that whole .zip if you want to avoid any issues. just my two cents for you. if the xml is stock, there should be no issues as to what is governing the correct .9.png. anyway, good luck .
opasha said:
hm, assuming you know that power control widget is in the settings.apk and have edited that, my only other suggestion would be to check the framework because i do not know of any other place where they could be. however, from my experience, i find it always best to edit your apk within your theme (the actual .zip) and then sign that whole .zip if you want to avoid any issues. just my two cents for you. if the xml is stock, there should be no issues as to what is governing the correct .9.png. anyway, good luck .
Click to expand...
Click to collapse
Thanks man! I did not know that (waow that's stupid BTW) that was exactly what I was looking for Will try it and tell you how it works
@opasha
Now that you've helped me once maybe you would know how to make a transparent .9 png (or maybe you could send me one)? I keep getting an alpha error and I really don't know anything about color profiles
C0mpu13rFr34k said:
@opasha
Now that you've helped me once maybe you would know how to make a transparent .9 png (or maybe you could send me one)? I keep getting an alpha error and I really don't know anything about color profiles
Click to expand...
Click to collapse
how transparent and for what png exactly? details bro....details....=P
opasha said:
how transparent and for what png exactly? details bro....details....=P
Click to expand...
Click to collapse
Hehe it's for the Facebook app I took a themed version for some ROM I can't remember but it wasn't fully themed so I themed the rest myself and of course a lot of the 9 pngs was "broken" from the other themer so I need a totally transparent 9 png for the top thing (appwidget_top_white.9.png). Whenever I do it I just get an alpha error. I've attached the Facebook.apk (the original themed version not the one I themed) if you need more details
Thanks in advance I'll be sure to include you in the release notes hehe
C0mpu13rFr34k said:
Hehe it's for the Facebook app I took a themed version for some ROM I can't remember but it wasn't fully themed so I themed the rest myself and of course a lot of the 9 pngs was "broken" from the other themer so I need a totally transparent 9 png for the top thing (appwidget_top_white.9.png). Whenever I do it I just get an alpha error. I've attached the Facebook.apk (the original themed version not the one I themed) if you need more details
Thanks in advance I'll be sure to include you in the release notes hehe
Click to expand...
Click to collapse
ok sure no problem man. ive attached a fully transparent .9.png with that name. if you want to use it for other pngs, just make copies of the one i attached and rename it to whatever name you choose. good luck . it's there but you can't see it since it's totally transparent. to download it, just right click in the left corner or a little towards the middle of the left corner until you get the option to save image.
opasha said:
ok sure no problem man. ive attached a fully transparent .9.png with that name. if you want to use it for other pngs, just make copies of the one i attached and rename it to whatever name you choose. good luck . it's there but you can't see it since it's totally transparent. to download it, just right click in the left corner or a little towards the middle of the left corner until you get the option to save image.
Click to expand...
Click to collapse
Thanks man! You've been very helpful I'm going to release a new version of my theme now
C0mpu13rFr34k said:
Thanks man! You've been very helpful I'm going to release a new version of my theme now
Click to expand...
Click to collapse
no problem dude
Saint's Color Editor v1.1
I developed this tool to easily edit android colors in decompiled xml files. I'm sharing it here to help other themers because personally I found changing colors in xml files as the most painful part of theming.
{
"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"
}
Download ColorEditor.zip (v1.1)
Click to expand...
Click to collapse
Change Log
Version 1.1
* Looks up and loads named colors like @color/black from the same xml file and also interprets standard named colors
* Improved error handling
Click to expand...
Click to collapse
How to install and use?
Pretty simple..
- Unzip ColorEditor.exe anywhere you like and run..
- You must have Microsoft .NET Framework 4 installed on your pc
- Open any android xml file that contains colors
- Click on colors you want to change and choose alternate color from the color dialog that pops up (the app will automatically identify the hex code)
- When you are done, hit File/Save or Saveas..... as simple as that
Click to expand...
Click to collapse
Remember to thank me if I made your life easy.. Cheers..
thankz dude..
i'll try ur tool
but i wanna asking before..
does this tool can editing xml file on apk?
i wanna edit an apk file,extract them using winRar > replacing icons > resign (it work),but if i'm editing xml file there,can i used this method?
This looks interesting. I will try it out tomorrow from main desktop.
Great, must have
very nice thanks ^^
hmm weird
it cant open
zz_tw_secondary_text_sub.xml
it says that it doesn contain hex color codes
but it has hex codes in it -_-
ian_ajah said:
thankz dude..
i'll try ur tool
but i wanna asking before..
does this tool can editing xml file on apk?
i wanna edit an apk file,extract them using winRar > replacing icons > resign (it work),but if i'm editing xml file there,can i used this method?
Click to expand...
Click to collapse
xml's in apk's are compiled in binary form.. You can't directly edit them.. You need to first decode the apk using apktool, edit whatever you want and recompile the apk again..
Sent from my GT-I9100 using XDA App
Color editor is primarily meant to edit colors.xml file because it contains many colors in some apk's.. if you open colors.xml in NotePad you will notice that it contains color tags in a certain xml notation.. Color editor can only open files which contain color tags in such notation.. Other files, although it may contain color hex codes do not follow this notation because there are several other attributes that color editor does not decode at the moment.. Not many colors are also found in the other files.. So it would be simple to create a sample file in colors.xml format with the hex codes you want to edit, change them and then replace those hex codes in the original file.. That's what I do.. Or you can just use Paint.NET color window to input the hex code and change them.. Hope you get it?
spacecaker said:
hmm weird
it cant open
zz_tw_secondary_text_sub.xml
it says that it doesn contain hex color codes
but it has hex codes in it -_-
Click to expand...
Click to collapse
Sent from my GT-I9100 using XDA App
can you give an link to paint.NET ?
or is it just preinstalled paint ?
ok will try to look good in it and mess a bit around
Sent from my GT-S5830 using xda premium
spacecaker said:
can you give an link to paint.NET ?
or is it just preinstalled paint ?
ok will try to look good in it and mess a bit around
Search google for paint.net
Sent from my GT-S5830 using xda premium
Click to expand...
Click to collapse
Sent from my GT-I9100 using XDA App
PsychicSaint said:
xml's in apk's are compiled in binary form.. You can't directly edit them.. You need to first decode the apk using apktool, edit whatever you want and recompile the apk again..
Sent from my GT-I9100 using XDA App
Click to expand...
Click to collapse
yeah i've decompiled an xml file..but when it opened by ur tool,it say " no colour..bla..bla.."
why?
Thanks a lot for this tool; it's great. One request: could you implement the ability for us to use our own hex codes instead of just using a color picker?
Thanks again!
version problem
dear PsychicSaint
great job
when I try to download the 1.1 version I allways get the 1.0 version.. Is it possible to get the 1.1 version ?
thanks in advance
jergud said:
dear PsychicSaint
great job
when I try to download the 1.1 version I allways get the 1.0 version.. Is it possible to get the 1.1 version ?
thanks in advance
Click to expand...
Click to collapse
No worries, the download is actually 1.1... Just that I have forgotten to update the version in About window..
Thank you for this!
I have yet to "use" it, but I did play around a bit.
Thank you.
Thanks
Just found by accident cool Idea works great.
Thanks
Cool
Howdy. Trying to edit my colors.xml file. I go to open the file and about 30 "Sorry Something Went Wrong" error boxes pop up. I click OK on all of them and then some of the color strings load, but not all of them. I hoping you can tell me what I'm doing wrong. I zipped the file so you can see if it's just me. I know it's this color.xml file because I tested on another color.xml file (the one from touchwiz) and it opened and edited fine.
Disclaimer
Code:
You are using this tutorial by yourself and i'm in no way responsible if your mobile is damaged due to it. I will help you in best way possible to get you out of the worse situation but I can't guarantee anybody. ThankYou!
How to build apps icon pack:
Things you require:
-Base VRTheme-Here!(Don't worry there are no trojans)
-You will find a lot of icons on XDA.
-Required apps from the ROM which you want to modify.
-Notepad++ for changing updater-script.
-Any good photo editing tool.(Even the one that comes with MS-Office will do)
-A brain to avoid mistakes and bother me with stupid questions.
-Kindness to press the THANKS button below.
Click to expand...
Click to collapse
Steps:
1. Download all the things required.
2. Open your ROM and copy all the apps and move them to a seperate folder. Here we will take only 3 apps-Browser, Messaging and Calculator.
{
"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"
}
3. Now extract these apps using 7zip or winrar.
4. Now open the app folder, go to res and find the location where the icon of the app is present. These are generally present in mipmap-hdpi/mdpi/xhdpi/ldpi/xxhdpi or drawable-hdpi/mdpi/xhdpi/ldpi/xxhdpi . For e.g. in my case Browser app it's present in mipmap-hdpi named as ic_launcher_browser.png:
5. Now extract the VRTheme base folder and go to vrtheme->system->app and make a new folder their with named as appname.apk(Here appname refers to the name of the app). For e.g. Browser.apk in my case.
6. Now make res folder in it. And under res folder make another folder which contains app icon. For e.g res->mipmap-hdpi in my case:
7. Now place your modified icon in it and rename it to the original icon name. For e.g. ic_launcher_browser.png in my case. And resize it according to your DPI.
Try resizing by percentage if possible.
Also I don't recommend resizing from a lower DPI to a Higher DPI or the icons may seem blur.
8. Do the same for other apps. In my case calculator and messaging.
9. Now give this icon pack your name. Go to META-INF->com->google->android and open updater-script with notepad++ and in second line replace alokbina with your name. You can practically change almost everything under ui_print in updater-script but remember that it should be in the format ui_print("ABCD"); . Here replace ABCD with whatever you like.
10. Now you will be having 4 folders- data, META-INF, system, vrtheme and an image named as preview. Zip all these and rename it to whatever you like and flash it with CWM and you're done! Enjoy your own icon pack Feel free to THANK me :laugh:
Click to expand...
Click to collapse
Important Tip:-Note the size of the original icon and modify the new icon accordingly or else you may not get any icon or smaller icon. For e.g. sometimes the icon present in the app is of size 96X96 though it is hdpi app. But still change the other icon size also to 96X96 to get best result.
Click to expand...
Click to collapse
Credits:
Abhinav2
Sandy7
Add your name if I missed...
Click to expand...
Click to collapse
Click to expand...
Click to collapse
Reserved for systemui and framework etc...vrtheming
Press THANKS if I helped,
Best Regards,
AJ
alokbina is now Abhinav2
Just a doubt, when I downloaded the zip, I didnt any signing (signature whatever) files, so shouldn't the zip be signed before flashing??
Simple to the point and yet thorough. Thank you for this. I'm shocked this thread doesn't have more action!:thumbup:
Sent from a Shaftamle Galaxy S4
"Thanks Button" is always appreciated!
http://mycolorscreen.com/Shaftamle/
Cool Thanks for this. Just what i have been looking for
Now i will create the best Icon pack known to man :victory:
how about 9.png ?? is it okay to use vrtheme?
Diaz1999 said:
how about 9.png ?? is it okay to use vrtheme?
Click to expand...
Click to collapse
Pretty much anything in the apk can be flashed into it using a vrtheme script.
Any png/.9.png, fonts, resources.arcs, classes.dex whatever.
The main thing is the name and folder location must match exactly!
There is even some edits to the scripts to automatically create a "restore" zip of the apps before they get modified so if something doesn't look right or you get force close issues you can simply flash the restore.zip in recovery and get back to normal quickly.
Thanks to @Spannaa for the awesome idea and base script! I've been using it for years.
Good luck friend and happy flashing!
stangdriver44 said:
Pretty much anything in the apk can be flashed into it using a vrtheme script.
Any png/.9.png, fonts, resources.arcs, classes.dex whatever.
The main thing is the name and folder location must match exactly!
There is even some edits to the scripts to automatically create a "restore" zip of the apps before they get modified so if something doesn't look right or you get force close issues you can simply flash the restore.zip in recovery and get back to normal quickly.
Thanks to @Spannaa for the awesome idea and base script! I've been using it for years.
Good luck friend and happy flashing!
Click to expand...
Click to collapse
ikr I mean how about 9.png? is it using its black border or not? because usually if we extracted 9.png from an APK it'll be without borders, while in compile-decompile process it has to be bordered
Verstuurd vanaf mijn HTCONE met Tapatalk
Diaz1999 said:
ikr I mean how about 9.png? is it using its black border or not? because usually if we extracted 9.png from an APK it'll be without borders, while in compile-decompile process it has to be bordered
Verstuurd vanaf mijn HTCONE met Tapatalk
Click to expand...
Click to collapse
I'm know all about patch 9 pngs and vrtheme requires ANY file, rather it be 9.pngs, xml, classes.dex etc to be compiled.
Again, any file you want to push to an apk in recovery using a vrtheme script MUST BE COMPILED!
Pushing a regular png renamed to 9.png can have serious negative results causing the corrupt image to block a button, create force close issues when that image is being call for or even cause a boot loop. Just saying be careful. That's why I use a version that creates a restore.zip that i can flash in case something does happen.
It's a great tool and has many great uses. Just like any time you mod and apk, make sure you understand unexpected things can happen ad be prepared for them if they do.
Good luck and hope this gives you a little info you can use.