I am trying to modify the background of the pull notification pull down screen in Cyanogenmod 6.00 RC0. I am assuming this image is the one in the framework-res.apk, in the drawable-mdpi folder, named 'status_bar_background.png'.
I want it to look like this:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
with the Modest 'mouse' image at the bottom of the screen when you pull down the notification. However after I edit it and push the new framework-res.apk to the phone and reboot it ends up looking like this:
Is there any way to make it so that the mouse only shows up at the bottom of the screen and only one time?
Another question is why isn't the semi-transparency applied so that i can see my home screen behind the pull down screen like in the original:
I attached the pngs that I have been working with, and the original framework-res.apk
Thank you for any help.
P.S. Modest Mouse is indie rock band that I highly recommend you give a listen to.
I'm not an expert but here my comments.
Russss said:
Is there any way to make it so that the mouse only shows up at the bottom of the screen and only one time?
Click to expand...
Click to collapse
You will have to change the resolution size of the image to match the screen. Currently status_bar_background.png is 120 x 120 px. So having a image of 120 x 120 it will filled the screen with multiple of same image. You can try modify your image so it fit the screen by change the resolution but it a trial and error case.
Russss said:
Another question is why isn't the semi-transparency applied so that i can see my home screen behind the pull down screen like in the original:
Click to expand...
Click to collapse
I checked the image and it not semi-transparency so that the reason you don't see the home screen. You might need to modify with any photo editing software to make semi-transparency.
pbp776 said:
I'm not an expert but here my comments.
You will have to change the resolution size of the image to match the screen. Currently status_bar_background.png is 120 x 120 px. So having a image of 120 x 120 it will filled the screen with multiple of same image. You can try modify your image so it fit the screen by change the resolution but it a trial and error case.
I checked the image and it not semi-transparency so that the reason you don't see the home screen. You might need to modify with any photo editing software to make semi-transparency.
Click to expand...
Click to collapse
Thank you,
I was able to get it working and pushed it using metamorph. Now it is time to try messing around with other images.
Modest mouse is one of my favorite bands, and I'd love to have that on my hero. Could you make a flashable, or at least upload it?
radxcoresteven said:
Modest mouse is one of my favorite bands, and I'd love to have that on my hero. Could you make a flashable, or at least upload it?
Click to expand...
Click to collapse
Nice to see another Modest Mouse fan. They are my favorite band (second right now is Wolf Parade).
I don't know how to make it flashable, I used metamorph. I will upload my metamorph zip that I made and will also upload the framework-res.apk and the photoshop file that I used to make it. It has been working real good for me all day. I am using Cyanogenmod 6.00 RC0 just so you know.
I would like to eventually make a full modest mouse theme but I don't know enough about editing all the images to really get going good....also I'm not real good with photoshop.
Attachments:
Modest Mouse.zip is the metamorph theme
framework-res.apk is the framework apk from my /system/framework/ folder
status_bar_background.zip contains the photoshop file that I used.
If you edit/use it save it as .png. the file goes in the framework-res.apk in the
res/drawable-mdpi folder
If you have any ideas for any improvements let me know and I will see if I am able to do it (still learning)
Related
I recently have been trying to create a theme for the T-Mobile Theme Chooser that comes with CM7. I pulled the cyanbread apk and extracted it and just began to replace the images with my own, until I came across some indexed images. Basically when I open these in photoshop it turns all the alpha transparencies to opaque.
Original Image:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
After import then saved:
Obviously I can't work with this.
Is there a template or something that I can work with? Or an easier way? I'm basically just taking the best parts of a couple themes and putting them together, and editing the colors. I'm not smart enough with xml to write code from scratch.
Thanks.
I use gimp. It has a setting to change the mode from "indexed" to "RBG" or "greyscale".
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
iamthebigcheeze said:
When I run into those, I open them in pixlr.com (a free image editor that pretty much ignores permissions), save them, then re-open in Photoshop.
Click to expand...
Click to collapse
Thanks man, helped a ton.
Unfortunantly I keep running into speedbumps, anyone mind helping me here?
I have two themes at the moment, mine and another one. The other one replaces the widget icons in the notification bar. I like those much better than the stock cm7 ones. The problem is is that I can't just drag them and drop them from drawable folder from theirs to mine, as I'm assuming the XML in mine doesn't have any code to tell that image where to go.
How would I go about editing the xml file(s) to add support for theming of these icons? I have never really touched xml before, plus I haven't had any success finding how to edit any of the xml's in the apk.
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
pashinator said:
Leave xml alone just drag and drop
Sent from my GT540 using XDA App
Click to expand...
Click to collapse
Problem is is that the apk I'm using as a template does a ton of stuff I don't want it to, but some stuff I do.
Like it reskins the whole browser and shrinks the pop-up menu when you hold your finger on the home screen. I don't want this, and just deleting the images doesn't solve the problem because I get errors while compiling.
The only thing I really want is the ability to skin notification bar widget icons (toggle wifi, gps, etc). Haven't had much luck finding themes that do.
You still need to resign a theme.apk after replace new png files!
What key do you sign it with?
I've got a couple themes up and running right.now and would be happy to help. Do you use Linux, Mac, or windows? Do you have decompiled Apk's that you're working with or are you editing compiled ones?
With theme *.apk file, I can only replace the existing icons, then use apk manager to sign, i cannot add new icons into it!
You can check out my theme chooser guide here
nhnt11 said:
You can check out my theme chooser guide here
Click to expand...
Click to collapse
+1. I used this guide as well. It's a great help
So I got fed up with the look of Swype on top of Sense on my DZ, and the only mod I could find just didn't quite cut it (and didn't quite match the current keylayout either), so I put on my OCD hat, fired up the GIMP, and started aligning pixels.
{
"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"
}
It's a close to pixel-perfect as is possible - keys sizes are aligned exactly to the Swype stock keyboard, but are in every other way identical to HTC_IME.. even down to the jpeg noise on the background radial gradient.
The package is from cypis' mod, but with my own images, and the batch file modified to give you a chance to Ctrl+C out before adb goes blindly uninstalling swype on you even after something fails...
Currently WVGA Portrait QWERTY only, sorry - I'll probably get to doing a landscape version soon, but can't promise any other variants I'm afraid (OTOH I've got the text style in photoshop pretty much passing pixel-for-pixel like HTC_IME, so different character layouts with the same physical key setup should be something of a snap).
Goes without saying that you must be rooted with Swype installed for this to work - I can verify that it works with the latest official beta Swype on the Desire Z/G2, can't say for anything else however. Also, make sure adb.exe AND java.exe are available in the %PATH% of whatever environment the batch file is run from.
PSD sources also attached, do whatever with them long as you put a link back here. They're not the most well-formed of psds I've ever made, sorry; some keyboards have only raster type layers as I switched to Photoshop from the GIMP halfway through. You should be able to grab one of the newer keyboards (the symbolic one I think is pretty sanely-formed) with fully dynamic text and edit it pretty easily - you'll need to install the Droid Sans font though.
any change this will get updated for landscape?
Very nice skin!
I've already searched for such a skin but didnt find it.
How to install it?
When i start the Swype.bat it doesnt work.. My device runs in usb-debugging mode..
This is awesome!! I just themed my CM7 to Sense and installed the Swype beta, so this would be perfect for me! But how about us Linux users - any way we could adapt this to our OS? Or at least a manual way of editing the Swype APK? I took a look at the .bat file, and it looks like it's just replacing the image files and re-signing the apk, correct? Doesn't look like it should be too difficult, but I'm a bit worried I wouldn't do it right
how do i use this? will this work in desire hd?
This is really good, thanks.
yeah might do a landscape update over my holidays (next couple of weeks). Re: linux, the batch file should translate pretty much literally a shell script, as long as adb and java are in your path. 7za can be replaced with zip and unzip (you'll need to double check their syntax though), and %dp0 is just a batchism for $(pwd). Rmdir /S = rm -rf.
Take3r07, what happens when you run the batch file?
Akdor 1154 said:
Take3r07, what happens when you run the batch file?
Click to expand...
Click to collapse
cant really remember..
there is a new swype version out now, so i cant test it anymore.
Could you maybe update your skin for the new Swype v.3.5 ? this would be awesome!
Thank you for your good job, I take it !
Hi
I tried editing the lockscreen png files to get something similar to the honeycomb lockscreen. It involves replacing the jog_ png with blank ones. But a couple of things get ruined. The screenshots describe them better. I have no clue how to fix them. Could someone please assist?
{
"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"
}
How do I get rid of the right jog bar and the green and red button?
That is an incoming call screen. What does it have to do with your lockscreen? Why would you want to get rid of the buttons you need to answer a call?
No. i wasn't clear enough. Let me put it this way. I was tryig to port the honeycomb style lock screen for my froyo rom (optimus one) which involved making the jog bars transparent so that only the icon (lock, unlock, call receive, reject etc) remain.
But after I got it done that way, the lock screen works properly.. as in it shows me the buttons without the jog bar as I wanted. But when i receive a call while the screen is locked, I get whats shown in the screenshot I've already searched the framework-res.apk top to bottom to find those specific icons (the right jog bar as well as the red and green button) so that I can modify them as well.. but i'm not finding them anywhere!
Look in the drawable-finger folders of Phone.apk and Contacts.apk.
I see a lot of .pro files. are they images? How do I edit them?
blueren said:
I see a lot of .pro files. are they images? How do I edit them?
Click to expand...
Click to collapse
I have no idea what a .pro extension is.
bkmo said:
I have no idea what a .pro extension is.
Click to expand...
Click to collapse
some of them open up in 9patch editor :|
Search all .png files in your framework and view them as thumbnails. When you find these images just replace them with the images you want to use.
bizdady said:
Search all .png files in your framework and view them as thumbnails. When you find these images just replace them with the images you want to use.
Click to expand...
Click to collapse
Thanks. I already did that a hundred times over! I believe that they're in the Phone.apk
blueren said:
Thanks. I already did that a hundred times over! I believe that they're in the Phone.apk
Click to expand...
Click to collapse
Oh then your probably gonna have to decompile the apk, replace the pngs then recompile.
now im curious lol If you havent resolved this by the time I get home ill take a look. Im pretty sure you can just replace the images with 7zip and push back with adb.
bizdady said:
Oh then your probably gonna have to decompile the apk, replace the pngs then recompile.
now im curious lol If you havent resolved this by the time I get home ill take a look. Im pretty sure you can just replace the images with 7zip and push back with adb.
Click to expand...
Click to collapse
Bingo! But as I already mentioned, all the pngs are in .pro format. Renaming them to png ruins it
Ok this is basically finished. Just needs a few more tweaks.
Make sure you back up your default mms.apk before you use this one.
Themed version:
http://db.tt/OMBgFaLa
Stock version:
http://db.tt/woexlR8C
Zip to install Themed mms.apk:
http://db.tt/e7rp4jew
Zip to install Stock mms.apk:
http://db.tt/vJCPKCkb
Installation:
Download
Use a root explorer to place into /system/app
or
Flash the zip file
Reboot
Profit
PS: On certain themes this may not look great... Meezy installed and sent me these screenshots:
http://dl.dropbox.com/u/7129559/screenies/snap20111208_200120.png
http://dl.dropbox.com/u/7129559/screenies/snap20111208_200152.png
If you like this please hit the thanks button
screen shot?
Haxcid said:
screen shot?
Click to expand...
Click to collapse
I don't have that option I'm sorry Maybe someone who wants to install it can take some screen shots and post them for me.
{
"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"
}
idk if the apk on that link works anymore.....I've been working on this a lot today and I got it to the point where it just FCs when you try to open a thread. It's one of the xml files I can either color the text inside the bubbles or put a background on the main page of the app.
pendo said:
Cool...you made it sound a lot easier than when I did this a couple months ago. (I didn't use ImageMagick).
One word of caution, if you are just adjusting hue you'll be ok, but if you inrease brightness or maybe decrease opaticy...you will throw an aapt compiling error. The ticks that mark the stretchable areas have to be either black, or nothing. No imtermediates. What I do is when I'm working with an image like that, I'll just select everything except the 1 pixel border, then I can edit however inside without messing up the 9patch ticks.
Click to expand...
Click to collapse
I just found this. Maybe it will help, maybe not. I tried to do stuff with those damn .9.png files, but I've had no luck.
From this threadhttp://forum.xda-developers.com/showthread.php?t=883392
nmsamsel said:
I just found this. Maybe it will help, maybe not. I tried to do stuff with those damn .9.png files, but I've had no luck.
From this threadhttp://forum.xda-developers.com/showthread.php?t=883392
Click to expand...
Click to collapse
Where did that quote come from? lol
Also, I know what is causing the Force closes I just don't understand why it is causing them. I can either make the back ground in the main part of the app black or change the text color inside the threads. I'm going to work with it tonight and prolly just leave the text color black inside the thread and come up with a different color for the bubbles
Okay. The apk on that link is working. There are 2 things I want to change but when I change them it FC's. btw one of them mt can change just fine.... I will get some screenshots and post them here for your viewing pleasure
Okay, I've been working on a Viber style theme on behalf of my girlfriend using gosmstheme.goforandroid.com but it just doesnt want to work properly, often showing boxes around my speech bubbles or whatever.
Anyway I was wondering if anyone could quickly do it? It's driving me crazy, its basically the iphone theme built into gosms with a purple bar instead of a blue bar and a pure white background.
If no one is willing to do it, could someone tell me where on my phone the gosms themes are stored so i can edit it myself cos the online theme maker currently has lots of bugs.
Heres actual Viber:
{
"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"
}
The online theme maker misses exactly 1 row of pixels off the top of the purple top bar and shows a dark border around my bubble images making it incredibly ugly.
Can anyone help? I can upload the resources I made if anyone is interested in helping.
Heres how it looks so far. crap, in other words.
see? the png files become distorted as the are stretched and the boxes dont match up well. heres the resources if anyone else wants to try.
Body:
Recieved:
Sent:
Top Bar:
Anyone care to help?
I'm not sure if it can use 9patch files, which allows images to be resized without distortion. Google it up for more info and how to create them.
Also, remove the white backgrounds in the speech bubbles, and perhaps add some space around them
Thanks for the reply, I tried removing the white background but it didnt work (it showed up as light grey for some reason). I'll look into the 9patch files. Cheers.
Super short answer:
Edit: Those images were suppossed to have black lines on the borders, not sure what happened there xP
Use thoses as guides. Open them directly with Photoshop or other tool. Do not copy/paste. That could mess with the transparent background.
Short answer:
Those bubbles are way to near to the borders, you need to leave some space in there. As ock said, you should probabbly use draw9 too. In short it's a special kind of png images (9.png) that have a tiny transparent 1 pixel border which can be filled with black if you want to stretch them verticaly or horizontaly.
Long answer:
You could try the GOSMS Theme maker here http://gosms.goforandroid.com/?p=235, you need Java for that.
Just run ThemeTool.bat, configure what you want and then apply. This is going to generate a file called _signed.apk if I remember correctly.
Then you can use apk_manager to decompile it, all you need to do is place the apk (which you can rename) into the "place-apk-here-for-modding" subfolder and then run Script.bat.
That's going to show you a menu, the option you need to pick is 22 for choosing your project. And then 9 to decompile. When you pick 9, its going to make a subfolder in "projects" named "_signed.apk" or whatever you called it. You can access that folder and edit every single image in there.
The images you're looking for are inside "\res\drawable-hdpi", the names are
msgbox_other.9.png
msgbox_other_selected.9.png
msgbox_self.9.png
msgbox_self_selected.9.png
Those kind of files are very sensitive, the borders need to be transparent or black, if they're not, the project wont compile until you fix it. So, make backups a edit carefully.
Thanks dude.