Related
OK folks,
Have a look at this guide that I created for editing the framework-res.apk so that you can then go to the UOT Kitchen and cook up your own ICONS and Batteries.
It is a long read and most folks can probably figure it out.
I have used this to create my own Battery and Status bar icons.
Regards,
Alperin1
I have converted your document to a PDF (some folks don't use Word).
Download here
If you want me to remove this I will.
thanks very helpful guide, but too involved for me. I will either use some one else theme, or use 7zip open archive and change PNG's trick.
Hopefully someone can upload an edited framework-res, for every DJ_Steve update that we all can share for UOT.. hint...hint...
thanks again, I may give this a try when I have time, hopefully I wont need to though.
chrisrotolo said:
thanks very helpful guide, but too involved for me. I will either use some one else theme, or use 7zip open archive and change PNG's trick.
Hopefully someone can upload an edited framework-res, for every DJ_Steve update that we all can share for UOT.. hint...hint...
thanks again, I may give this a try when I have time, hopefully I wont need to though.
Click to expand...
Click to collapse
Gopu already uploaded an edited framework-res..here it is
http://www.megaupload.com/?d=4TI7W0E1
ramtix said:
Gopu already uploaded an edited framework-res..here it is
http://www.megaupload.com/?d=4TI7W0E1
Click to expand...
Click to collapse
Ramtix, i knew that the framework was out thre for the others to use.
I guess the guide is for the folks that want to do all the work and learn a lttile bit about how the Framework is edited.
It took me a long time to figure out how to edit the 9.png files and compile them and just wanted to help others to do the same.
I tried that framework and failed to cook everytime
What is the use of those .9 pngs anyways?
chrisrotolo said:
I tried that framework and failed to cook everytime
What is the use of those .9 pngs anyways?
Click to expand...
Click to collapse
OK, what are the 9.pngs used for or why are they needed.
Stretchable Patches
If you have an image that you may need to stretch you then converting it to a 9.png will allow it to stretch. Also if you need put something in the PNG file, by converting it to a 9.png you can tell it where the text/data/information is allowed in the png file.
When you convert to a PNG you need to need to put a single pixel on the left side of the image and the top of the image. This pixel is not part of the image but in a frame around the image the frame also is just one pixel all the way around the image.
When you put the pixel on the top of the image you are telling the system where the image can be enlarged. Draw and line straight down from you pixel and this is where the image will stretch from. This just allows the image to grow to the left and to the right. Think of it as a square when you put the dot at the top of the square you can them change the square and stretch it left and right to make the square wider, so that it is now a rectangle. This all comes in handy when you rotate your device from landscape to portrait and back again.
Now when you put the pixel on the left side of the image, again in the frame that is around the PNG file, you are telling the system where it can stretch the image, this time you can pull the image up or down and so the height will change. Again image a square, you put the dot on the left side of the this determines at what point the square is allowed to stretch.
Only the lines with the dots on them will change, the rest of the square will retain the original shape and the original image. Most of the time this is done to an image that is only one color so that you are not messing with an image.
Here is the best example I can give of the DOT at the top of the 9.PNG or the left side.
Take two pieces of blank paper that you have and set one on the table and then set the second piece of paper in top of the first with about one inch of the right side of the first (bottom) piece of paper showing. The point where the top piece of paper ends and the bottom piece of paper starts is that DOT. Now slide the bottom piece of paper to the right and keep the top piece of paper still. Hope this all make sense
Content Area
Now lets look at the right side and the bottom of the PNG file. These two side determine where in the PNG file that text or other stuff can overlay or be imposed into the PNG file.
If I have an PNG that is a button and it is 50 x 50 pixels and I want the text for the button to be centered left to right, I would focus on the bottom of the 9.PNG image. I want the text to be able to use most of the pace from left to right but i do not want it to use the left 5 pixels at either end, I would create a line at the bottom of the 9.PNG that begins 6 pixels from the left and ends 6 pixels from the right. Why 6 pixels you are asking, well I have a one pixel from around the image and I needed to take that into account.
The same thing is used to center the text on the button from the top and bottom. Only this time you would use the right side of the image and fill in all pixels except for the 6 from the top and the 6 from the bottom.
Now when the button is stretched, you can use more of the space, but you will never be able to use the last 5 pixel on the top, bottom, left or right.
WOW, that was a long write up.
Enjoy,
Alperin1.
BTW, this is not unique to the Streak, it is used for the Android OS and maybe more.
alperin1 said:
Ramtix, i knew that the framework was out thre for the others to use.
I guess the guide is for the folks that want to do all the work and learn a lttile bit about how the Framework is edited.
It took me a long time to figure out how to edit the 9.png files and compile them and just wanted to help others to do the same.
Click to expand...
Click to collapse
Alperin, dont get me wrong, what you did is awesome, useful and will be appreciated for all other users in the forum especially for future bulids.You did a great effort putting it in words and composing that. thumbs up!
ramtix said:
Alperin, dont get me wrong, what you did is awesome, useful and will be appreciated for all other users in the forum especially for future bulids.You did a great effort putting it in words and composing that. thumbs up!
Click to expand...
Click to collapse
All is good. I did not intend for my response to be a flamer at you.
I think some folks just want to have some fun and try to make things work and a little help here and there can go a long way.
Thanks
Great explanation of .9.png's
Finally got the edited framework to cook
Hopefully this helps with more themes for Streak.
Thank you all around
Tried making my own framework.apk but failed big time, appreciate you uploading your work for me to use. Will keep the guide and continue to play with it, would like to say that I beat the software, not that the software beat me.
Keep hacking away at it.
Do you know where you are beating the software into submission. (where are you stuck?)
When it's time to complie is where I fail
alperin1 said:
Keep hacking away at it.
Do you know where you are beating the software into submission. (where are you stuck?)
Click to expand...
Click to collapse
alperin1, I will walk you through my Eclipse phase and maybe you can tell where all goes wrong.....
1. Make edits to .9 files like a champ if you don't mind me saying so...
2. Open Eclipse and go to File/new/android project and nothing, import LunarLander files and make sure settings are on Android 2.2
3. Create and now my copy of LunarLander is permanently updated to my edited .9 files (so assume at this point all is good to go).
4. At Export Signed Application Package is where I am having my problems, go throught the steps receive confirmation my file is G2G and when I move them to my Framework file all the edits are gone, like I did nothing to them.
5. Have preformed #4 multiple times and same result every time, everything moves but my edits are stripped out.
6. Figured maybe it is magic and edits will reappear when I cook my file, well no luck, get same exact error report as when I first tried to cook me some Icons on UOT.
Any ideas on what is causing my updated .9 files to loose the edits when I move them from LunarLander to Framework (Yes I do accept the overwrites when prompted).
Before you do the last step in Eclipse, drag one of the png files to your desktop and view it.
I am at work. I will play with this when I am home.
Sent from my Dell Streak using XDA App
vanemburghj said:
alperin1, I will walk you through my Eclipse phase and maybe you can tell where all goes wrong.....
Any ideas on what is causing my updated .9 files to loose the edits when I move them from LunarLander to Framework (Yes I do accept the overwrites when prompted).
Click to expand...
Click to collapse
This is very interesting. When I export my package from Eclipse and then pull the images they do not show the dots and the bars just like you are seeing. So, I have to say this part may not be where your are running into problems.
Is it possible for you to post the error text? Put it into a zipped file. I will see what I can do. This is kinda new to me so I will do what I can for you.
So you are in Eclipse and you have lunarlander, you then put all your edit 9.PNG files into the folder. Next your export it.
After you have created the new lunarlander.apk, you are going into it and extracting the 9.png files you need. You are then placing these file in the same location that you pulled them from in the framework-res.apk. right? Then you are uploading this to the UOT kitchen.
Will do
But will have to wait till I get home from work.
alperin1
Here is my LunarLaner.apk, none of the edits survived creation of .apk, but they are in my LunarLander sample as your guide shows them to be. So it is when I make the .apk that all fails. Have attached my Pre-export LunarLander so you can verify I made the changes to .9 files.
Window 7 Ultimate 64 bit
Norton Anti Virus
Plus other software
Any and all ideas are welcome.
vanemburghj said:
Here is my LunarLaner.apk, none of the edits survived creation of .apk, but they are in my LunarLander sample as your guide shows them to be. So it is when I make the .apk that all fails. Have attached my Pre-export LunarLander so you can verify I made the changes to .9 files.
.
Click to expand...
Click to collapse
Well, I have taken the 9.PNG files that you have provided and I put them into my Framework-res.apk file and I was able to cook up some goodness for myself at the kitchen.
As you are stating and you are correct, the frame around the 9.png is not showing after step number 4, but the information is there, i just do not yet know how to view it.
I think the problem may be that the same 9.png files are in two locations in the framework-res.apk. Can you try to cook a new set of ICONs or anything for that matter and when you get the errors, put them in a zipped text file and post it here for me.
Oh and what ROM are you using? DJ Steve 1.9? If so, you should have many more images to edit that what you have provided to me.
Cooked my own framework!!!
alperin1, Thank you, think I needed confirmation that once exported via eclipse edits would disappear, plus I took my time and made sure I did the wallpaper steps exact. Cooked my own framework, I am getting there, am sure it is one very small drop in a very big ocean of Android development that I have learned with your expert help I do appreciate it.
vanemburghj said:
alperin1, Thank you, think I needed confirmation that once exported via eclipse edits would disappear, plus I took my time and made sure I did the wallpaper steps exact. Cooked my own framework, I am getting there, am sure it is one very small drop in a very big ocean of Android development that I have learned with your expert help I do appreciate it.
Click to expand...
Click to collapse
Grasshopper.you are doing well. You have made my day.
Sent from my Dell Streak using XDA App
Here is a collection of wallpapers I have, resized to fit the Motorola Atrix. Have fun.
Wallpaper Collection : Download and Preview
Another one here. lol
Noob question inc. I want to make a few wallpapers for the community, can you tell me what resolution I should build them in? I see the images here are 640x569, but the aspect ratio on that doesn't sound right...
Related question, I got the idea from another post somewhere else, that one wallpaper could span all 7 home screens if made 1080x960. Is this true? I will test it, but thought someone else might already know.
You are correct sir. 1080x960 is the size. Thanks for telling me it resized the thumbnails. I will make a zip file and attach it to the first post when back at my main PC which includes the original files.
Some of my favs
Below are some of my favorites.
I am sorry if this is a noobish question or there is an easy answer, but I was looking at customizing my phone a bit and I saw the part about making your own splash screens (which is awesome), but I was wondering how to make custom boot animations - what tools I would need, type of files, etc. I thought there would have been a thread somewhere in the Themes & Apps section but I could not find it, and doing Google search leads me to just people posting their own custom animations.
Is there a thread someone can direct me to that has this sort of information? Any help would be appreciated - thanks!
Bump - does anybody know? Also, the boot noise for the BAMF Sense 3.0 RC3 does not work, another reason why I want a new one, ha.
Have you opened one of the bootanimation.zips? What file types are in there?
Sent from my ADR6400L using Tapatalk
A PNG image and a series of JPG images that make the animation, but I was wondering if there was a program that took an animation to make it into a series of JPGs, or if there were certain requirements/specifics in terms of how to make a boot animation.
+1 on this whole post, I attemted last night to make my first animation, and if it is just the tedious task of re-saving the same picture over and over again with just minor changes on each one to create the animation, than ok, so be it.
It just seems that with some of the very cool animations there are, for example the boot animation to the new BAMF 3.0 has moving clouds in the background, that seems like it would be pretty hard to do manually moving the clouds a little bit for each frame.
It would seem pretty obvious to anyone that extracted the bootanimation.zip how the animation works, just more speaking on the creation of each of those frames.
Would be nice if someone with experience with this chimed on and offered some help.
Thank's in advance.
Does seem pretty tedious manually moving and saving them as you said but I'm guessing that's what they do.
Probably wouldn't take that long if you had everything on layers in photoshop and you could just move layers themselves.
Alternatively, if you already have a video, I'm sure there's a way to convert that to a series of png's as well.
Ok I'm on the phone so giving a tutorial is out of the question. All you really need is patience and a goal.
First download Gimp for editing. Forget PhotoShop all together unless your rich.
Download the following scripts or plugins.
Background overlay
Save all layers
GAP (video editor for Gimp)
Google the hell out of what you want. Chances are someone allready has done what you want.
Read, read, read (time to not be lazy, what ever your doing you can find some direction at least with some good internet research)
Google "editing Android boot animations".
Create images (JPG or PNG) in the same aspect ratio of 480x800.
JPG images will be significantly smaller in file size
PNG images will have a much better quality
Sent from my thunderstick
Use GAP to convert an existing video to images frame for frame.
Very useful if you find a good video.
Sent from my thunderstick
I actually do have Photoshop, do you know how I can use that instead of Gimp/GAP? Also, I am sort of confused at how you take an existing video and turn it into something you can use as a boot animation... I found this link (http://www.machackpc.com/how-to-changecreate-your-boot-animation-for-droid/) but I am sort of confused by it and wish I could find someplace with simpler instructions.
I just use others. I used the Call of Android animation and the mw2 style on my incredible, and I just edited the files to use the same ones on my thunderbolt.
Message delivered via my BAMF Thunderbolt
Ok, did a little research last night and today and tried a bunch of different programs for converting animations to a series of .png files and finally settled on one. I tried some free one's some trials and this is probably the best one I found so far.
Xilisoft Ultimate video converter. I was able to load an .avi, (or many other supported formats.) Program made it very easy using the "clip" feature to select out a section of the video I wanted, then converted that "clip" to a series of .png files. I was able to easily select the length of times between the extracted images "less time will obviously give you a smoother animation but require more pictures", also I could manually input the size of the outputted files (to match our phone's resolution).
I have only played with it a little bit but so far seems to be pretty good.
Also I have one other program I have been playing with to help with this. Jasc animation studio, which works with paint shop pro, has a pretty cool feature, which lets you copy into the clipboard all of your extracted image .png's, then "paste" them into animation studio as a new animation, you can then watch them from there, or load any indivual frame into paint shop pro. You can also save the clips as an animated gif. Very easy to make changes to individual frames and see the result's without having to flash to your phone.
Hope this helps.
Wow! Awesome, thanks, this is perfect and in great detail - what about sound? If the video has sound, will I try hope it gets synced with the series of .png images? And what else would I need for the bootanimation.zip folder? Will I need a .txt like when I change the splash screens?
I want some mew backgrounds for the S memo app but have had no luck searching for any. A transparent background would be ideal. Any idea of how to implement this or a note app that supports transparent PNG files?
Over pulled the S memo app and will decompile it shortly to find the backgrounds. It doesn't seem to save them elsewhere on the SD card. However I'm unsure how to go about making a transparent image.
A white image with an opacity too it, then saved as a .png.. Give me some dimensions when you pull the backgrounds and I'll throw a few different variations your way.
Truaim said:
A white image with an opacity too it, then saved as a .png.. Give me some dimensions when you pull the backgrounds and I'll throw a few different variations your way.
Click to expand...
Click to collapse
Ok, it looks like they have the background as 3 or 4 parts. I'm not certain but I think that is how it'll have to be changed.
dropbox
edit. I could post the entire drawables folder if you'd like instead.
Got em, curious as to why there's multiple of the same image though. Will you be on for awhile? Would love to have this myself.
Truaim said:
Got em, curious as to why there's multiple of the same image though. Will you be on for awhile? Would love to have this myself.
Click to expand...
Click to collapse
Yeah, I'll be up for a bit. I'll upload the drawable folders now
Edit. They're up. http://db.tt/PcqSPqgq
Here's the 4 you dropboxed, Solid white for the toolbar and opacity through the body (75%, might need to be adjusted).
If the drawables doesn't need work and that works correctly, screenshot please
What about this one..
Truaim said:
What about this one..
Click to expand...
Click to collapse
that one is cool. I'm planning on using a completely transparent background so I can mod a FancyWidgets clock skin with the numbers will be in my handwriting. I'll recompile and install once I get done with this nandroid
Wow, that's personalization to the max. Are you compiling a truetype of 1-9 or what? However you do it, please share. That'd be an awesome guide.
I intend on just replacing the 0-9.png files in the skin I'm using. If it works out I'll post it here with some screenies. Can you go ahead and make one with 100% transparency?
It's not working. I'll try using the other one you made with Andy and see if I can see the difference then.
edit. Nothing. I'm thinking that the images are used in a different way to make the backgrounds. I'll look into it more and see if I can come up with the answer.
The android one won't work. I believe uploading a png as an attachment on XDA will automatically render it as a jpg. If you figure out which files to revise let me know.
S Memo Background
Regarding color schemes, i believe dark colored notes like the one used in S Planner in handwriting mode will be energy efficient for amoled screen devices and will also look great and elegant on any screen (like when you put it as a widget in the homescreen). I think the handwriting screen in s memo uses a dark gray background with light gray gridlines and an aqua blue font/handwriting lines. This makes it look great and unobstrusive.
Just a suggestion.
Not sure if you guys are already doing this, but you have edit the .9.png files in the drawable landscape and portrait xhdpi folders You cannot just overwrite a .9 png with a standard png or it will not work. I suggest googling how to edit .9 png files as I'm sure someone out there can explain it better than I can.
http://www.droidforums.net/forum/droid-themes/123430-tutorial-drawpatch9.html
http://forum.xda-developers.com/showthread.php?t=605662
did some searching hope these help
https://www.google.com/search?sourceid=chrome&ie=UTF-8&q=edit+the+.9.png
Truaim said:
Here's the 4 you dropboxed, Solid white for the toolbar and opacity through the body (75%, might need to be adjusted).
Click to expand...
Click to collapse
You HAVE to be rooted to use it?
Send from the Noteorious BIG 5.3" Bell Canada
Hello friends. I'm trying to return the ICS search bar in 4.3 Launcher. If you're interested in the process, the history is below. My question is if in the process of building AOSP, PNGs are processed somehow, because the pics picked directly from AOSP looks bad, with black lines. If so, how can I treat them? Thank you.
I took the old search bar png and background shadows png and put them directly in the Launcher2.apk of 4.3. In my phone, they look bad, with strange black lines and distortion. Seeing them in pic viewer, they have black lines.
I compared the pics of 4.3 stock Launcher with the ones from AOSP, and the result is that stock look good, and AOSP ones have black lines. I have attached the PNGs to show you.
The result is that I have caught ICS search bar from ICS factory image and looks good in my phone. But I need ICS background shadows PNG, the JB shadows are larger and that search bar looks better with his own shadows. I can't take directly the shadows PNG from ICS because between ICS and JB there was a revision that merged the two files of shadows in one.
After this, my question is above. Thank you!
http://dl.xda-developers.com/attach...202c308/2/1/7/2/7/3/8/search_frame.9_AOSP.png
http://dl.xda-developers.com/attach...02c315/2/1/7/2/7/3/9/search_frame.9_STOCK.png
Raikkon35 said:
they look bad, with strange black lines and distortion. Seeing them in pic viewer, they have black lines.
Click to expand...
Click to collapse
Those are .9 pngs and all .9s have those borders when decompiled. Click the image in my sig for more info.
Thank you very much friend. Very useful.