Alot of people ask me how I get certain icons in my status bar. Simple explanation, I replace the previous ones.
{
"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 we replace them you ask? Well that is what I am here to teach you. Before I do that, I want to thank GOMORRAH for the framework and systemui icons. I see him as one of the best themers on xda and he inspires a lot of my work and I love recreating his setups. I WILL NOT BE SHARING HIS ICONS. I also want to thank RAADIUS for the Tape and Vinyl music widgets on my homescreen. I also see him as one of the best themers on xda as well. He taught me alot when I had my Evo 4G, only thing is he was on MIUI and I was on CM7.
Now lets get down to business.
Things you will need: ADB Knowledge, 7-zip file manager, Icons:http://forum.xda-developers.com/showthread.php?t=1218876 and time. Lots and lots of time.
The first thing your gonna want are icons. I have included a link to the MIUI Carrier Logos thread where I get a lot of my stuff. You can make some also if you want. The preferred size is 38x38, 40x42. The backgrounds have to be transparent and they have to be saved as .png files.
Now that we have our icons, lets get adb started. This is why android-sdk is installed on our pcs' if you didnt know. Your gonna want to go to your android-sdk folder, and either look in tools or platform-tools. ADB will be in either one of these, depending on your setup.
See mines:
Now slow down, we don't want to just click it as is because it won't open. We will have to go up one folder, hold down shift+right click on the folder where adb is and select "Open Command Window Here"
Like this:
Then a command prompt will open up, such as so:
Okay, lets prep the phone. There are 2 ways to do this, wirelessly through adb wireless or plugged in.
Wirelessly: Open up adb wireless and turn it on, it will give you a address that you enter in the command prompt. I'll be doing it this way since I have no idea where my phone is right now but I know adb wireless is turned on already.
Plugged in: Plug the phone into your pc and make sure it is on CHARGE only.
Okay lets get the command going here.
Adb Wireless only, type "adb connect [your address here]". Your phone will connect now.
For everyone. Type "adb devices" this will list the devices connected and your phone should pop up with a long serial number. Type "adb remount" this will mount the phone as writable so we can access root.
Okay here's the selection. The alarm clock, wifi icons, 3g and 1x icons, headphones, vibrate and silent, gps-on and gps-off, and gps-acquiring icons are located in SystemUI.apk in /system/app. The battery icons are located in framework-res.apk in /system/framework. I will be showing you how to do the alarm clock so were gonna mod th SystemUI.apk with this tutorial. It's the same steps for all icons.
Type "adb pull /system/app/SystemUI.apk" this will copy the SystemUI.apk to the same folder where adb is. See SUCCESS
Now that we have the apk copied, lets open her up and do things to her. <--You like what I said there.
Right click on the file and select 7-zip, open archive. Navigate to /res/drawable-hdpi This is where the icons are. The easiest thing to do right here, is copy the entire drawable-res folder to the desktop(Keep the 7-zip folder open though) so you can see the icons in the folder. That way you can connect the names with what they look like. For example, your not gonna know what the alarm clock icon is called but you know what it looks like right?
Yea, so we browse through the folder until we see it. FOUND IT. Now copy the name of it to the new icon your replacing it with. I replaced mines with the kanye bear icon. So now my kanye bear will be the new alarm clock icon because it is named Stat_notify_alarm.png which is the original name of our original alarm clock icon.
If you modded just one icon, drag it into the 7-zipped apk folder we left open. If you modded more than one icon, then drag them all in. This comes in handy when your doing the battery icons. You don't want to drag 101 battery icons individually. It will ask you to "Copy" them. Choose yes. In this case, copy means "Overwrite." That will mod the apk with the icons you wanted.
Once its done copying, close the 7-zip folder, close the drawable folder that you copied where-ever. Close all folders that you don't feel are necessary to be open. You should still have your folder where adb is still open though, and your command prompt.
Time to push the apk back to your phone.
Type "adb push SystemUI.apk /system/app" and that will move it back. If you look at your phone, your status bar should have completely disappeared. No pulldown either. This is means your phone is waiting for a reboot.
Type "adb reboot" Once your phone is done, you will see your new icon in the status bar.
THE GREY ERRORS I MARKED OUT BECAUSE THEY SAY ERROR: DEVICE NOT FOUND. THATS BECAUSE I DIDNT WANT TO PUSH IT BACK TO MY PHONE. I DIDNT FEEL LIKE RESTARTING IT IN THE MIDDLE OF A CHARGE CYCLE! On yours it will give the copy speed.
That is it. Enjoy your new icons.
Yo, did you use Adobe to fix your icons to specific sizes. You made this tutorial very noob friendly by way
Yeah photoshop
Nice tutorial knowledge
My rice krispies told me what to say
Can you do this without root?
Unfortunately, you need root.
Free Dirk!!!
booooooooooooooooo =[[ when i root i suppose ill check this out!!! thanks the for the info
Anybody suggest a certain root method?
Can I use Gimp to resize, tweak icons?
Sent from my PG86100 using Tapatalk
alrite so when i attempt to pull out SystemUI.apk it gives me the the same line with the data and everything, but when i look in the platform-tools folder i dont c the apk
thizzlemania91 said:
alrite so when i attempt to pull out SystemUI.apk it gives me the the same line with the data and everything, but when i look in the platform-tools folder i dont c the apk
Click to expand...
Click to collapse
Out of all the errors, u get that? Check your tools folder. Remember, it depends on where adb is.
Free Dirk!!!
Yup I got everything the way its supposed to look but when I try to look for the apk its not in the folder.
thizzlemania91 said:
Yup I got everything the way its supposed to look but when I try to look for the apk its not in the folder.
Click to expand...
Click to collapse
Hmmm, its probably copying somewhere else in the PC. Do a system search for it.
Free Dirk!!!
Awesome tutorial knowledge. Appreciate the time you put into it. I've been searching for a while now and am having a hard time finding more icons. Are there any icons that you can share or maybe a link?
Google search Droid x minimal icons and akoe101. He has great battery, signal, and WiFi icon packs. I use his all the time.
Free Dirk!!!
If you guys Root explorer to copy and paste, make sure you dont delete the old SystemUI.apk or framework-res.apk on your phone when you copy the new one over. Youll be going to force close and nandroid city. Just paste over it, overwrite it.
Free Dirk!!!
My man here is a genius, though me **** lots about this, thanks knowledge I got everything working now
Nice tutorial.
You can also use UOT Kitchen by mendozinas. It will do everything for you (other then uploading the files and checking boxes) and has a lot of icons you can mix/match what you want (and change overscroll color, wait cursor color, volume bar color, etc. etc.).
http://uot.dakra.lt/
http://forum.xda-developers.com/showthread.php?t=990829
Great DIY...Thanks, it worked great, now I just have to DL Photoshop so I can make some other edits properly...Or do you recommend something better, I tried to use photo editer and it just wouldn't work right...
creektrack said:
Great DIY...Thanks, it worked great, now I just have to DL Photoshop so I can make some other edits properly...Or do you recommend something better, I tried to use photo editer and it just wouldn't work right...
Click to expand...
Click to collapse
Photoshop is the best in my book.
Free Dirk!!!
Nice work! I have a half day today at work and know EXACTLY what I'm doing when I get home.
Rootyourdroid.net. My nephews blog.
Related
FILES HAVE BEEN RE-UPLOADED WITH PROPER ICON FILES CONTAIN RESOLUTIONS FROM 256x256 to 16x16.
The files should also now work in XP, if they do not download the version posted by PsychoCemia here
Thanks for reminding me down8
Here are two icons I wipped up for my phone that I thought I would share.
This will change the drive icon and names in "My Computer".
These might not work in XP as they are 256x256 and PNG based .ico files.
If anyone wants these made for XP, send me a PM and Ill remake them for XP.
Each zip file contains an icon file and autorun.inf file. Unzip the contents of each zip and put the files in the appropriate drive on your phone. The next time you mount the drives on your computer the icons and drive names will be changed.
Drive name - Droid Internal
{
"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"
}
http://www.mediafire.com/file/dntcbn0k13iwhw9/internal icon.zip
Drive name - Droid SD
http://www.mediafire.com/file/suk4a7pxdwq2r6k/SdCard.zip
If you want to rename the drives to something different, you will need to edit the autorun.inf file in a text editor.
If anyone wants to change the icon itself I have uploaded the photoshop PSD file below.
http://www.mediafire.com/file/5vw4ncac11c3u0x/Android Icon.psd
I've been using a setup I made for my mac. I don't mean to hijack your thread, but I figured it would be helpful to put mine in the same thread.
DOWNLOAD
That is pretty nifty. Thanks! Looks great
bahnburner said:
I've been using a setup I made for my mac. I don't mean to hijack your thread, but I figured it would be helpful to put mine in the same thread.
Click to expand...
Click to collapse
No problem, thanks for the addition. Feel free to use the PSD of my files if you want to edit yours to show the internal and SD based storage on your HDD icon.
PS I know Linux uses PNG files for their icons, so people can just use the png images in the OP. What does Mac us for its icons? Is it a proprietary format?
EDIT- Guess I should have downloaded your file before asking the above question. :ºp
So do you HAVE to make the PNGs in each size for it to work on a Mac? I thought it would scale the 256x256 icon to what ever size is needed.
BTW if you would not mind, it might be helpful to write up a little walk through on whats needed to get the icons to display properly on a Mac in case any one wants to try their own. I know Google is our friend, but I like making this place friendly too.
hurrpancakes said:
That is pretty nifty. Thanks! Looks great
Click to expand...
Click to collapse
Glad you like it. Try blowing the view size up, the icons can go up to 256x256. Then again you maybe like me and like to see space left on the drives.
ritalin said:
No problem, thanks for the addition. Feel free to use the PSD of my files if you want to edit yours to show the internal and SD based storage on your HDD icon.
PS I know Linux uses PNG files for their icons, so people can just use the png images in the OP. What does Mac us for its icons? Is it a proprietary format?
Click to expand...
Click to collapse
It really depends on how you're changing your icons, but it's usually a .icns file, but luckly OSX allows you to copy and paste icons from one file to another.
I'll update my icons with your internal/external icons as soon as I can. I've been busting my chops working on some MetaMorphs this evening. I'm finally done with those.
Very Cool, Thanks Man.
For some reason though, I can download all files but the internal zip.
All was silent when I mentioned this before (no big, of course):
http://forum.xda-developers.com/showthread.php?t=728392
Unless hurrpancakes's screenshot is poorly compressed, I much prefer the Android icon I've got. I like the idea though.
-bZj
down8 said:
All was silent when I mentioned this before (no big, of course):
http://forum.xda-developers.com/showthread.php?t=728392
Unless hurrpancakes's screenshot is poorly compressed, I much prefer the Android icon I've got. I like the idea though.
-bZj
Click to expand...
Click to collapse
Yeah, I have the icons at a smaller size, when you increase the size they're very nice looking.
Sent from my Vibrant using XDA app
One needs to embed all sizes into the .ico file to get good visibility at all sizes. The icon I have is thus, and looks good from 16x16 to 256x256.
-bZj
down8 said:
One needs to embed all sizes into the .ico file to get good visibility at all sizes. The icon I have is thus, and looks good from 16x16 to 256x256.
-bZj
Click to expand...
Click to collapse
Mind sharing your icons with the rest of us? They look top notch
I can't take credit, got the microSD from DeviantArt, and the Android from the G1 forum some time ago.
Attached.
-bZj
ritalin said:
Here are two icons I wipped up for my phone that I thought I would share.
This will change the drive icon and names in "My Computer".
These might not work in XP as they are 256x256 and PNG based .ico files.
If anyone wants these made for XP, send me a PM and Ill remake them for XP.
Click to expand...
Click to collapse
Thanks! Worked great in ubuntu also.
ritalin said:
Here are two icons I wipped up for my phone that I thought I would share.
This will change the drive icon and names in "My Computer".
These might not work in XP as they are 256x256 and PNG based .ico files.
If anyone wants these made for XP, send me a PM and Ill remake them for XP.
Each zip file contains an icon file and autorun.inf file. Unzip the contents of each zip and put the files in the appropriate drive on your phone. The next time you mount the drives on your computer the icons and drive names will be changed.
Drive name - Droid Internal
http://www.mediafire.com/file/h7nwi73nfcvu74c/internal icon.zip
Drive name - Droid SD
http://www.mediafire.com/file/6bjqmw97nlo07dh/SdCard.zip
If you want to rename the drives to something different, you will need to edit the autorun.inf file in a text editor.
If anyone wants to change the icon itself I have uploaded the photoshop PSD file below.
http://www.mediafire.com/file/5vw4ncac11c3u0x/Android Icon.psd
Click to expand...
Click to collapse
Thanks, I have been looking for this since I am using the same SD card from my cliq and I had a Cliq icon on it.
subnormyle said:
Very Cool, Thanks Man.
For some reason though, I can download all files but the internal zip.
Click to expand...
Click to collapse
Nevermind, for some reason the file downloaded fine on my phone but not on my desktop.
Sent from my SGH-T959 using XDA App
So, not to steal OP's thunder, but I went ahead and made the XP-compatible icons using his great template. Wasn't hard, but figured I'd save a couple people the trouble. Thanks again, OP!
Again, just extract each to the proper mounted drive.
down8 said:
I can't take credit, got the microSD from DeviantArt, and the Android from the G1 forum some time ago.
Attached.
-bZj
Click to expand...
Click to collapse
Regardless, thanks-they look fantastic.
Hey nobody has said anything so I want to ask, can you make the Windows XP versions and give me a basic idea of how to run it?
koreanjhee said:
Hey nobody has said anything so I want to ask, can you make the Windows XP versions and give me a basic idea of how to run it?
Click to expand...
Click to collapse
To install extract the zip to each drive (i.e. Internal hdd, sdcard ) then connect to your win xp machine. As for the actual files i thought someone made them a couple posts back.
Sent from my Vibrant using XDA App
PsychoCemia said:
So, not to steal OP's thunder, but I went ahead and made the XP-compatible icons using his great template. Wasn't hard, but figured I'd save a couple people the trouble. Thanks again, OP!
Again, just extract each to the proper mounted drive.
Click to expand...
Click to collapse
Sweet thanks... I was feeling to lazy to do it the day I made these. :º)
Hello nook community!
I have successfully changed the font on my nook color, and I wanted to share my success with all of you.
This method and all of the fonts come from fachadick in the EVO forums. All credit goes to him. I just tested the method and can confirm that it works. fachadick has an enormous collection of fonts here:
http://forum.xda-developers.com/showthread.php?t=801160
Well worth the look.
Ok, so here is how I did it:
IF YOU USE THIS METHOD RUN A NAND BACKUP FIRST
Create a new folder on your sdcard called newfont and put the three ttf files from the fontpack in there
***IMPORTANT***Make sure you follow the Clockopia/AscenderSans command exactly. If you don't, your lock screen font will not change.many thanks to 911jason for figuring out which font to change for the lock screen. 1/25 NOTE: If you are only changing the lock screen font, or you are applying different font to the lock screen; replacing the AscenderSans.ttf file will change the font on some of your menus as well as the lock screen (thanks again 911Jason). See post #19 for an example.
In terminal emulator, type (no copy/pasting) the following commands
su
mount -o remount /dev/block/mtdblock4 /system
cat /sdcard/newfont/DroidSans.ttf > /system/fonts/DroidSans.ttf
cat /sdcard/newfont/DroidSans-Bold.ttf > /system/fonts/DroidSans-Bold.ttf
cat /sdcard/newfont/Clockopia.ttf > /system/fonts/AscenderSans.ttf
mount -o ro,remount /dev/block/mtdblock4 /system
sync
reboot
That's all I did. I currently have the Coolvetica font on my nook.
DISCLAIMER: Please keep in mind that this is coming from an EVO forum, so support for nooks will me minimal. Try this at your own risk. Make sure you make a backup. Make sure you type in the commands EXACTLY the way they are posted. Make sure you are capitalizing the right letters and make sure the spaces are in the right place. Last but not least, don't blame me if you bork your nook. I can confirm this worked on my device, I can't speak for anyone else's.
That being said, ...enjoy!
List of fonts known to format nicely on the nook:
Coolvetica
GillSans
If you find any that work well, let me know or post a screen.
Anyone try Type Fresh? Thats what I use on my Evo. Should work with the NC, but I havent tried yet.
leeh41 said:
Anyone try Type Fresh? Thats what I use on my Evo. Should work with the NC, but I havent tried yet.
Click to expand...
Click to collapse
I personally have never had luck with Type Fresh. I tried it a couple of times, but it never changed anything.
Any way to change the default system font colors? Some apps (Tasker in particular) use the default foreground color, but their own background color, making it almost impossible to read.
Sent from my nookColor
Spookymonster said:
Any way to change the default system font colors? Some apps (Tasker in particular) use the default foreground color, but their own background color, making it almost impossible to read.
Sent from my nookColor
Click to expand...
Click to collapse
Not sure about that one. Maybe by editing the color of the font before putting it on your nook? I don't know if that would do anything, I'm just grasping at straws.
philburkhardt said:
I personally have never had luck with Type Fresh. I tried it a couple of times, but it never changed anything.
Click to expand...
Click to collapse
Type Fresh was the first thing I tried too. It didn't work for me either so I took the manual steps which worked perfectly.
Disgustoid said:
Type Fresh was the first thing I tried too. It didn't work for me either so I took the manual steps which worked perfectly.
Click to expand...
Click to collapse
Sweet!!
Nice to hear it's working for other people, too.
Did you check out that thread of fonts? It's pretty sick.
Are you guys successfully changing the lockscreen font with Clockopia.ttf?
I've been using a free font called Ubuntu on my HTC Aria for awhile and it works great replacing all three fonts. However when I used adb to sub in the new fonts on my Nook, the lockscreen font didn't change. The other two fonts look great though...
911jason said:
Are you guys successfully changing the lockscreen font with Clockopia.ttf?
I've been using a free font called Ubuntu on my HTC Aria for awhile and it works great replacing all three fonts. However when I used adb to sub in the new fonts on my Nook, the lockscreen font didn't change. The other two fonts look great though...
Click to expand...
Click to collapse
You're right, the lock screen font doesn't change for me either. Maybe something other than Clockopia needs to be changed?
Well, I figured out that on the NookColor, the lockscreen font is called AscenderSans.ttf. I've tried a few replacements but for some reason the bottom of the clock portion gets cut off on most of them. I ended up using GillSans.ttf to replace it and it looks pretty good and doesn't get clipped. I'll probably keep trying until I find the perfect replacement.
{
"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"
}
911jason said:
Well, I figured out that on the NookColor, the lockscreen font is called AscenderSans.ttf. I've tried a few replacements but for some reason the bottom of the clock portion gets cut off on most of them. I ended up using GillSans.ttf to replace it and it looks pretty good and doesn't get clipped. I'll probably keep trying until I find the perfect replacement.
Click to expand...
Click to collapse
Nice! I poked around in the system fonts, but haven't had a chance to start replacing things.
Let me know if you find ones that works really well. I can make a list in the OP. I have had good luck with SkullphabetOne on other devices. I'm gonna check that out on my nook.
So, you did everything the same except changed the Clockopia.ttf filename to AscenderSans.ttf.
...making the command:
cat /sdcard/newfont/AscenderSans.ttf > /system/fonts/AscenderSans.ttf
...right?
I used adb, but essentially yes, all I did was use AscenderSans.ttf instead of Clockopia.ttf.
911jason said:
I used adb, but essentially yes, all I did was use AscenderSans.ttf instead of Clockopia.ttf.
Click to expand...
Click to collapse
Thank you, sir!
I have to step out for a spell. When I get back I'll get the first page updated.
Update
Good morning all.
The instructions in the first post have been updated. You should now be able to change the lock screen font.
philburkhardt said:
Good morning all.
The instructions in the first post have been updated. You should now be able to change the lock screen font.
Click to expand...
Click to collapse
Howdy Phil - Nice thread! I'm thinking that you shouldn't need to rename Clockopia.ttf first - just change the command to;
cat /sdcard/newfont/Clockopia.ttf > /system/fonts/AscenderSans.ttf
and it should do the renaming in the same step when you move the file over. Test this first, but I don't see why it wouldn't work - and it should save you a step.
fachadick said:
Howdy Phil - Nice thread! I'm thinking that you shouldn't need to rename Clockopia.ttf first - just change the command to;
cat /sdcard/newfont/Clockopia.ttf > /system/fonts/AscenderSans.ttf
and it should do the renaming in the same step when you move the file over. Test this first, but I don't see why it wouldn't work - and it should save you a step.
Click to expand...
Click to collapse
Hey buddy! Thanks for checking in on us. ...and thanks for the info.
I am making a nook backup right now. I will test it out when I am done, and post back. I'm all for saving a step.
UPDATE: You are absolutely correct fachadick. No need to rename the file. Updating the first post now. Thanks again!
Just wanted to give you guys a heads up, the AscenderSans font that is used on the lock screen is also used in other places. I just found this out today, the font I added for my lock screen showed up in the Market when I was searching under the suggestions popup and also in Dolphin Browser HD's settings menu.
911jason said:
Just wanted to give you guys a heads up, the AscenderSans font that is used on the lock screen is also used in other places. I just found this out today, the font I added for my lock screen showed up in the Market when I was searching under the suggestions popup and also in Dolphin Browser HD's settings menu.
Click to expand...
Click to collapse
Are you wanting to change only the lockscreen?
Are you sure it is the AscenderSans changing the font in the market? I currently have my lock screen unaltered, but the font in my market is Coolvetica. I thought it was replacing the DroidSans that changed that?
Personally, that's what I'm looking for. By replacing all three ttf files, I want the font changed for everything.
Sent from my nook color
Yes, I'm sure. I only substituted this font for AscenderSans.ttf...
911jason said:
Yes, I'm sure. I only substituted this font for AscenderSans.ttf...
Click to expand...
Click to collapse
Thanks for pointing that out. I will add a note about it in the first post.
Which font is that, btw? ....looks pretty good.
Hello hello everyone. I recently picked up this Atrix and thought I would mess around with it a bit. I searched the forums here a couple of times and didn't see anything about the animated pull downs so thought I would whip one up for you to enjoy. If you haven't heard of this modification, it's it exactly how it sounds... When you slide down the notification / status bar screen the animation will start and will cycle through on repeat. Imagine it kind of like the looping part of the boot animation playing on the screen. I am not the creator of this modification. It was first presented here: http://www.droidforums.net/forum/droid-themes/151983-animated-status-bar-pulldown-gb-roms.html So special thanks to Alastrionia!
Instructions for Windows users... (Linux users: You should be able to follow along, as the idea is the same in both)
Things you will need:
The knowledge that whatever you do with this information is YOUR responsibility and not mine, nor the creators / developers of the mod and / or rom.
Basics -
Working computer.
Time.
Patience.
Animation / Idea for making your own animation.
Computer Programs -
Java: http://www.java.com/en/download/chrome.jsp?locale=en
Apk Manager: http://forum.xda-developers.com/showthread.php?t=695701
Command Prompt: Start Menu > Search/Run box > Type: CMD > Hit Enter
Text Editor (Suggested - Notepad++: http://notepad-plus-plus.org/download/v5.9.3.html)*
Archive Managing program (ie WinZip, WinRar, 7zip) (Suggested - 7zip: http://www.7-zip.org/download.html)*
Image Manipulation program - (whether it be Photoshop, Paint.Net, or GIMP we'll refer to it as PIMP for short from now on)
(Suggested - Dark Silent GIMP: http://dl.dropbox.com/u/9903887/PCApps/Dark_Gimp.rar)*
If wanting to make one with images from a video you will also need -
A Video (if you are wanting to use one from, say, www.youtube.com then you would copy/paste that web address to a site like www.savevid.com Hit Download, Run Java Applet and select size/quality)
Video Editor (Suggested - iWiSoft Free Video Converter: http://www.iwisoft.com/videoconverter/)*
Apks -
SystemUI.apk (rom.zip > system > app > SystemUI.apk)
framework-res.apk (rom.zip > system > framework > framework-res.apk)
moto-res.apk (rom.zip > system > framework > moto-res.apk)
blur-res.apk (rom.zip > system > framework > blur-res.apk)
Move apks to the "other" folder in the Apk Manager.
(Let's say my Apk Manager folder is on my Desktop and I have renamed it ApkManager.)
The path to move the apks to would be:
C:\Users\es0tericcha0s\Desktop\ApkManager\other
Change directories to the "other" folder which you moved the apks to. In Command Prompt:
cd C:\Users\es0tericcha0s\Desktop\ApkManager\other
Enter these 3 commands:
java -jar apktool.jar if framework.res.apk <Enter>
java -jar apktool.jar if moto-res.apk <Enter>
java -jar apktool.jar if blur-res.apk <Enter>
Place SystemUI.apk in the Apk Manager place-apk-here-for-modding folder.
Double Click the Script.
Choose 22.
Choose the number of SystemUI and hit Enter.
Choose 9 for Decompile.
Naviage to Apk Manager > projects > SystemUI > res > drawable hdpi > status_bar_background_animationX.png and open your PIMP.
Edit to your heart's delight.
Common Question:
How big does the image need to be? - The screen size is 540 px x 960 px. However, I didn't even think to check this as I am used to 480 x 854 from my last few phones, and it looks fine... Your results may vary.
What kind of animation should I do? - Only you can answer that! If you are having trouble of thinking of ideas, browse the forums and see if you can't find some ideas. Search www.youtube.com for a cool video. Play with some creating some logos. Only limitation is your imagination.
After editing images...
status_bar_background_animation
Navigate to Apk Manager > projects > SystemUI > res > drawable > status_bar_background_animation.xml and open with your Text Editor. Here you will be able to adjust for the amount of images you want and the speed of the image changes. You can just go from 1 - "X" number sequentially or you can have the images go 1-2-3-4-5-6-5-4-3-2 etc. depending on the style of animation or if you are trying to keep the image number down.
Save xml.
Common questions:
How many images can I have? - I'm not sure. The one I made has 31 and there have been no issues whatsoever. The original Droid would not like many on most roms, but the difference in power and speed of the two are vast, as I am sure you are aware of. With the amount of RAM / processing power, I'm sure you could easily have 50 or more.
What duration should I change the animation to? - Again, this really depends on what you are going for. How the animation looks, how many images you have, etc. I did not change mine for the default "200" Trial and error ftw!
After that... (it really does not matter what order you do these in, but this might help you the first time or two to have a set path)
Navigate to Apk Manager > projects > SystemUI > res > layout > status_bar_tracking.xml and open with Text Editor.
Find -
android:background="@android:color/transparent"
Change to -
android:background="@drawable/status_bar_background_animation"
Save xml.
{Now I wanted to try and keep both the transparent color and the animation but I could not figure out how to do a double attribute. If you know what that is, and have ideas on how to implement in this case, lemme know please.}
-What that means to the layperson is that I am not sure how to control the transparency quite yet.-
After you have edited your images and xml and saved all of them go back to the script for Apk Manager and choose 11 to compile. After it finishes it will ask you if it is a system apk (Y/N). "Y" + Enter. It will ask you if you want to keep blah blah blah (Y/N). "Y" + Enter.
Go to the "keep" folder in Apk Manager > keep and delete the "res" folder and the resources.arsc file (this is the lazy way ).
Go back to the Apk Manager script and hit Enter.
The apk will be completed and named unsignedSystemUI.apk and you will find it in the "place-here-for-modding" folder. Even though it says unsigned, it is signed and you will not need to do anything else to it beyond renaming it to SystemUI.apk. This new finished SystemUI.apk will be added to a flashable zip file in this format (open zip as archive to not break the signature):
flashable.zip > system > app > replace previous SystemUI.apk
Place this on your SD card and install via ClockworkMod Recovery. You will not need to wipe data or cache for this.
The example that I have made is themed for the Alien Rom (green version) built by developer kennethpenn and showcased here: http://forum.xda-developers.com/showthread.php?t=1186537 - So the rest of the thanks go to him as I like the rom and it inspired me to make this in the first place.
http://dl.dropbox.com/u/9903887/AlienPullDown.zip
It is the Alien text from his thread that each letter fades in 1 at a time after each other and then it glows and fades away, then repeats. Nothing crazy, just wanted something that went with the rom that would not be offensive to anyone. It's a good base to use since I have already have all of the fixes there that you could edit to your liking. If you would prefer the stock images vs. the green Alien theme from the rom, then find the SystemUI.apk of the rom you are using and open both the stock SystemUI and the flashable zip as archives and replace the images of all but the status_bar_background_animationX.pngs.
Sorry if this seems crazy difficult, but I just wanted to be thorough so even relatively new people can at least see how it is made. If you need help, hit me up on Talk with my screen name. Enjoy!
*I receive no form of compensation for these recommendations. I merely suggest them as they are free, have a fair amount of support, and work well enough for me.*
I made a how to on this a while back,
http://forum.xda-developers.com/showpost.php?p=16184786&postcount=88
Haha. Nice. I searched the forum three different ways and didn't find anything. Ah well. There's still a new animated pull down for Alien rom users.
Oh - That and XDA has the thread suggestion box when you first go to post a new thread title too, and it wasn't there. XDA needs to partner with Google for the search engine algorithm. Heh
I just flashed this using Romracer unlocked CWM over top of Alien 4 w/theme. It worked beautifully.
Here is screenshot
{
"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"
}
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
es0tericcha0s said:
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
Click to expand...
Click to collapse
It definitely took a bunch of shots to get it just right.
es0tericcha0s said:
Thanks for the screenshot. I was trying to take some video earlier, but couldn't get it to work right...
Click to expand...
Click to collapse
Any chance you could make one that has Android on it.
Sent from my MB860 using XDA Premium App
You can also use the ultimate online theme kitchen to add an animated pull down. They have several on there already.
Sent from my 2.3.4 Atrix with an unlocked bootloader!
coldfusionb said:
Any chance you could make one that has Android on it.
Sent from my MB860 using XDA Premium App
Click to expand...
Click to collapse
I could be persuaded... What color text do you want? Do you want it to just have the letters fade in and glow like the Alien text? Lemme know and I'll see what I can do.
es0tericcha0s said:
I could be persuaded... What color text do you want? Do you want it to just have the letters fade in and glow like the Alien text? Lemme know and I'll see what I can do.
Click to expand...
Click to collapse
I would love to have it GB green and fade in. I think that will go with more roms. Thanks
Sent from my MB860 using XDA Premium App
Excellent work! I got this working perfectly on my ATRIX. Built it myself following your instructions instead of copying and pasting, just to make sure I got it right. However, I tried porting to my captivate themes and it just sits at the first animation.png. Its a gb 2.3.4 rom that uses systemui.apk, the modded systemui.apk recompiled perfectly, I made the shade_bg.png transparent, as well as status_bar_background_.png just for good measure, but no animation. Pulled it down several times, all animations are on, tried rebooting, tried reflashing, and its not working. I literally did everything the exact same way on both devices, works on ATRIX but not cappy. Weird.... Anyone have any ideas to help me out?
Sent from my MB860 using XDA Premium App
10tonhammr said:
Excellent work! I got this working perfectly on my ATRIX. Built it myself following your instructions instead of copying and pasting, just to make sure I got it right. However, I tried porting to my captivate themes and it just sits at the first animation.png. Its a gb 2.3.4 rom that uses systemui.apk, the modded systemui.apk recompiled perfectly, I made the shade_bg.png transparent, as well as status_bar_background_.png just for good measure, but no animation. Pulled it down several times, all animations are on, tried rebooting, tried reflashing, and its not working. I literally did everything the exact same way on both devices, works on ATRIX but not cappy. Weird.... Anyone have any ideas to help me out?
Sent from my MB860 using XDA Premium App
Click to expand...
Click to collapse
Thanks! I tried to be super thorough to make it as painless as possible for you. I know it sucks to have to piece together everything through a bunch of threads (not a knock against the author of the other thread, as I was unaware when I first posted). As far as for the Captivate, my first thought is that if it is a TouchWiz based rom, then you will also need to make the same adjustment in the TWFramework (I think) in the /system/framework/TWFramework.apk That or whatever the main TouchWiz apk is in framework. I had a Fascinate for a brief period of time and it had something or other to do with that. Hope that helps!
es0tericcha0s said:
Thanks! I tried to be super thorough to make it as painless as possible for you. I know it sucks to have to piece together everything through a bunch of threads (not a knock against the author of the other thread, as I was unaware when I first posted). As far as for the Captivate, my first thought is that if it is a TouchWiz based rom, then you will also need to make the same adjustment in the TWFramework (I think) in the /system/framework/TWFramework.apk That or whatever the main TouchWiz apk is in framework. I had a Fascinate for a brief period of time and it had something or other to do with that. Hope that helps!
Click to expand...
Click to collapse
Thanks for the reply. I'll definitely look into it, but the twframework-res.apk was rendered almost obsolete and useless in the gb builds. Everything status bar related was moved to the sysui.apk. Having said that, it will of course turn out to be the problem. Thanks again, and ill report back.
Sent from my MB860 using XDA Premium App
One of my friend's pointed out a couple of other potential culprits could be image size and / or timing on the animations. Have to remember that the Atrix will be able to play larger animations much more smoothly than the Captivate could (not that it isn't a nice phone, but still single vs dual core...). Just in case the TouchWiz stuff doesn't pan out...
es0tericcha0s said:
One of my friend's pointed out a couple of other potential culprits could be image size and / or timing on the animations. Have to remember that the Atrix will be able to play larger animations much more smoothly than the Captivate could (not that it isn't a nice phone, but still single vs dual core...). Just in case the TouchWiz stuff doesn't pan out...
Click to expand...
Click to collapse
Yea, the TW stuff did not pan out. I tried tweaking the anim speed, to no avail. The one I'm using is only 9 frames and played perfectly on my atrix, so I'll try tweaking the image sizes. Thanks for the ideas. Its driving me nuts, lol. WORK, DAMN YOU, WORK!!
I tried making a 30+ frame animation back when I first starting messing with this and it caused SystemUI to FC so I think there is a limit, but I don't know what it is. Ive got 15 frames working fine.
9 images, sounds familiar.
The ALIEN animation is 31 images, and I haven't had any issues with that one. It's not large though since it is a semi transparent background and just text. If you want, I could take a look at what you are working on and see if I don't see something that might be tweaked?
es0tericcha0s said:
The ALIEN animation is 31 images, and I haven't had any issues with that one. It's not large though since it is a semi transparent background and just text. If you want, I could take a look at what you are working on and see if I don't see something that might be tweaked?
Click to expand...
Click to collapse
Thanks guys, but I think I found the problem. Reviewing the stat bar tracking.xml code at work D) and there is some missing code that appears in the ATRIX sysui.apk and not in the cappy version. Ill be testing tonight and report back.
Sent from my MB860 using XDA Premium App
Hey there guys. Sorry, but I have already moved on to another phone, so can't really do much more to help with this one. The Atrix was meant to be my next phone, but shortly after purchasing my first GSM phone, I learned that that version of the phone is not completely compatible with the HSPA+ bands of T-Mo so I sold it to get a LG G2x. I wish you all luck with modding your phone and if you do have specific questions, I will be more than willing to try and provide assistance, but I will no longer have the time to make more stuff for the phone such as the "Android" pull down I was working before. Good luck and good night.
An Introductory Guide To Theming Miui
Much like CM7’s theme chooser, Miui has it’s own powerful theme engine. If you’ve ever wanted to create your own theme or have a theme that you like, but want to make some personalized changes; then this guide’s for you. This guide is intended as a supplement to Team D3rp’s thread; [Guide][Reference] An Intro to Themeing. Please keep all questions, comments, and suggestions in this thread Miui related also feel free to hit us up at #miuithemes on the IRC. General theme questions, image editing questions, xml editing questions, or anything of that nature should be asked in the afore mentioned thread. Before we begin it’s necessary to thank scott951 and bigrushdog for there past, present, and future work on this rom. In addition, thanks to toastcfh & Cayniarb for they’re work on the AOSP kernel, to bliind for his ongoing IRC support, tips & tricks, and lastly thank you to Team D3rp (il Duce, ranger61878, thoughtlesskyle, vanessaem, dkdude36, jdeloach, and pstevep), all the old HeroC guys, the many talented themers, and everyone else on XDA and IRC who continue to advance my knowledge of the Android Operating System.
To begin your adventure into the world of Miui theming you will need some tools, listed below:
7zip or similar archiving program
Notepad ++ or similar text editor
gimp or another image editor of your liking
Root Explorer (or your prefered file manager with root access)
Patience, patience, patience
Time, time, time
A willingness to bork your theme over and over again until you’re satisfied with how it looks
Recommended knowledge of adb and/or Android Commander- not required but may save you the time of having to restore a nand.
Table Of Contents: for your convenience in finding specific areas of help.
Lesson 1: File Structure
Lesson 2: Beginning Your Theme
Lesson 3: Lockscreens
Lesson 4: Changing Icons
Lesson 5: SystemUI
Lesson 1-File Structure
Before you can actually theme anything, you need to learn and understand the basic file structure used by Miui. Themes are compressed into zip files with a .mtz extension and are applied by the Miui theme engine at “run time”, meaning you can change almost any aspect of your theme on the fly, without a reboot. Download my intro.mtzfor use along with this guide. This is the default Miui theme with a simple lockscreen included that you will have to edit (It works but you will have to edit it per my instructions for it to look good), and a generic android boot animation / boot audio file. If you currently have a theme that you are generally happy with and would prefer to edit that more to your liking, you may do so by opening the Miui theme engine, select customize, scroll down to the bottom of the page and select “Backup Theme” After the backup finishes running, navigate to /sdcard/Miui/theme/backup and move the “backup.mtz” to your computer. Now let’s extract our .mtz and have a look at what’s inside. Right click on the intro.mtz, select 7zip from the popup window, and then select extract. Now navigate to the extracted intro.mtz folder and have a look inside. You should see the following:
“boots” folder
“preview” folder
“ringtones” folder
“wallpaper” folder
“com.android.launcher” zip file
“description” xml file
“icons” zip file
“lockscreen” zip file
The folders can be opened as any normal non-compressed document folder, the zip files (although their extensions are nonconventional can be extracted with 7zip, and the xml file can be edited with notepad ++.
Lesson 2 – Beginning Your Theme
Decide what you want your theme to be called and create a new folder for it somewhere that’s easily accessible.
Open up the description xml with notepad ++ and edit it to reflect your theme name on this line: <title>Default</title> (Change default to the name of your theme), edit this line: <author>MIUI</author> (Change MIUI to your name), and edit this line: <version>1.0</version> (from 1.0 to whatever version # you would like to call your theme). Save your changes and move the document to your newly created theme folder.
Now, if you so desire, in your theme folder create a sub-folder entitled “boots”. Place any boot animation & boot audio files in there that you would like to use, and make sure they are named correctly (bootanimation.zip & bootaudio.mp3).
Create a “preview” sub-folder next. This is where you’ll put screenies of your theme as you continue to develop it. Make a note of the file names and sizes in our original preview folder, also if you look you’ll see that some of the photo’s are jpegs and some are pngs. I’m not sure as though it matters, but I’ve developed a habit of keeping the extensions the same.
Now you can create an optional “ringtones” subfolder and assign rintones, notifications, and alarm sounds, by default when applying your theme. Use any mp3 you like so long as the files are named alarm.mp3, notification.mp3, and ringtone.mp3.
Create a “wallpaper” sub-folder within your theme folder next. This will be the home of your theme’s default wallpapers. Again look back at the intro.mtz and notice the size of the wallpapers in that folder and the file names. When you put your jpegs in this folder make sure they are named exactly default_lock_wallpaper & default_wallpaper.
Congratulations, you’re now on your way to making your own custom theme. Now that we have the simplest things covered and out of the way, we can really start to dig in and do some theming!
Lesson 3 – Lockscreens
Skipping over icons for a moment, lets jump to the lockscreen. As you know by now our Evo 3D’s QHD displays don’t play nice with a lot of lockscreens. So lets have a look at what we can do to fix some lockscreens. Please keep in mind that depending on which lockscreen you want to use they will require varying degrees of changes to work properly. The lockscreen I included with the intro.mtz functions, but looks terrible so now we’re going to fix it.
{
"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"
}
Extract the “lockscreen” file that you downloaded. Inside you’ll see an advance folder.
Open the advance folder. This is where the lockscreen magic happens. In this folder are all of the lockscreen png’s and the manifest.xml
Let’s start with the png’s.
-Resize bg to 540X854
-Resize bottom to 540X178
-Resize bottom_batterylow to 540X178
-Resize bottom_batterylow_light to 540X240
-Resize charging_bg to 540X178
-Resize charging_bg_mask to 540X178
-Resize status_bar to 540X40
-Resize time_bg to 540X107
Feel free at this time to edit and/or replace any of the png’s in here, as you see fit, but be sure to keep the icon names correct and watch out for the .9png’s (there are none in this lockscreen, but if you’re using a different one beware).
Now that the png’s have been fixed let’s have a look at the manifest.xml, shall we? Our images are all the proper size, but if we loaded the lockscreen now the icons and text would all be shifted to the left of the screen. In addition to making positional adjustments in this file we can change font sizes, font colors, time & date format, even which apps the lockscreen will launch. Go ahead and open that xml file now with notepad ++.
Find the two lines that begin with <DateTime. On these lines you can change the x & y locations to get the proper spacing from the edge of the screen. (x is the horizontal plane, y is vertical x0,y0 being the top left corner of the screen). You can change the text color (#FFFFFFFF) to whatever you like, the font size (size="22"), and the date format (format="EEEE, MMM d")
Now, work your way down through the xml file making any adjustments you want to make to text sizes, colors, and the necessary x shifts to get your lock screen lined up and centered. If by chance you get stumped, compare your manifest.xml with my manifest_edited.xml.
*hint, I usually use a pencil and paper to draw out the screen, then calculate how big of a left margin I want, add the image widths, to figure how big of a change to make. For example x20 + 480 png width=500 (leaving a margin of 40 on the right). Now if I change to x30 + 480 png width = 510 (leaving me a margin of 30 on both sides).
Once you’re done editing the .xml save it (keeping the original of course to refer back to)
Back out of the advance folder now and right click on it. Select 7zip from your popup window and “add to archive”. When prompted, save as “lockscreen.File”, set your file type as .zip and save your lockscreen to your theme folder. After it saves delete the .File from the name. Windows will prompt you that this may make the file unusable, click ok.
Navigate to your theme folder and select all of the contents inside of it (boots, preview, etc…). After selecting all of your theme components, right click again, select 7zip, and add to archive. Save your theme as “whatever_name”.mtz again choosing .zip as the file type.
Place your newly created theme on your sd card in /sdcard/MIUI/theme
Apply your theme and enjoy. If you’re happy with your lockscreen take a screenie to add to your preview folder when you make your next edits. Remember if you do something that breaks your lockscreen you can unlock by pressing back & volume up, or you can use adb to delete lockscreen from /data/system/theme and push a good lockscreen back.
Lesson 4 – Changing Icons
Changing your desktop and folder icons is a great way to enhance your theme. Miui’s theme manager makes this a relatively simple process. You can edit the default system icons with your image editor, or take your favorite icon collection and resize them to 90 X 90 pixels if you wish to keep the default Miui icon size. Lets begin!
Navigate to your intro.mtz and use 7zip again to extract the icon.File
Inside your extracted icon folder you’ll find all of the icons for the default system apps.
Changing system app icons
Find the icon that you want to replace in the folder. Let’s use the browser for example.
Find the icon you want to replace it with and rename that icon to com.android.browser
Copy your new browser icon into the icon folder, overwriting the existing one.
Adding icons for user installed apps is a little more involved but worth the extra time to make your theme complete. Here is where it’s handy to have Root Explorer.
Let’s say we want to add an icon for dropbox
To do this we need to know the process name. There’s a couple of ways we can figure this out. Since every app installed creates a data folder we can use Root Explorer to look in /data/data for the package name of dropbox.
If the package name didn’t jump out at you, don’t worry there’s another way to do this. Again using Root Explorer navigate to /data/app and find the dropbox apk, long press on in and select “extract all”, navigate to /sdcard/extracted and open up the extracted dropbox apk. Now tap the AndroidManifext.xml file, which should open up a text document and the very first line should give you the manifest package name.
By now you should know that the package name for dropbox is com.dropbox.android
Find the dropbox icon you want to use.
Rename the icon to com.dropbox.android
Drop the icon into your icon folder.
Repeat these steps for all of the icons which you want to replace.
Once you are finished replacing and / or adding icons, from within the icon folder, select all, then right click, select 7zip, and add to archive.
When the 7zip popup screen appears, save them as icons.File
Delete the .File extension
Move your zipped icons file to your theme folder.
Zip your themes folder up as a .mtz and apply it to your phone the same as you did after you finished your lockscreen.
Again, if you are happy with your icons take a couple of screenshots for your preview folder.
One last side note in regards to icons. You may notice some apps such as google + install additional icons to your homescreen (G+ Messenger). I have not figured out the image naming trick yet for these icons to display from the theme, but I’m working on it. For the time being I extracted my G+ Messenger and replaced the icon in the /res/drawable-hdpi folder, but I am searching for the correct way of doing this and will update accordingly once it’s figured out.
Lesson 5 – SystemUI
Now, we're going to add a whole new element to our theme. We're going to create a SystemUI zip in our theme mtz. Examples of some things that we can change in SystemUI are notification bar icons (signal, battery, gps etc), Statusbar back ground, and the various tabs you see in your drop down expanded notification page. Let's begin.
Create a working folder somewhere easily accessible on your computer (I like to work from my desktop)
Inside of your working folder, create a subfolder named "res"
download my theme_values_SysUI.xml, place it in your working folder (not in the "res" subfolder), and rename it to theme_values.xml.
Now you will need a SystemUI.apk from Miui. You can either unzip the rom on your computer and move the .apk to a convenient location of your choosing, or you can use adb to pull the SystemUI.apk from your phone. It's located in /system/app.
Now that you have your SystemUI.apk, using 7zip, extract it.
Open up your extracted apk and navigate to the "res" folder. Copy the "drawable-hdpi" folder and the "raw" folder and move them to the working folder on your desktop, placing inside of the "res" subfolder you created earlier.
Begining with the "drawable-hdpi" folder, use your image editor to make any .png adjustments that you want incorporated into your theme, or replace the png files as you see fit. Be sure to maintain the nomenclature of the images if you opt to replace them. Beware of editing .9.png's as they cannot be edited in a conventional fashion. If you need help editing .9.png's there are several methods and guides around xda. Or ask in [Guide][Reference] An Intro to Themeing.
When you're finished with the drawable-hdpi folder move to the raw folder. This is where your battery icons are located, contrary to Sense and CM7 roms. You'll notice that there are not 200 little battery png's but 3 large png's with all of the images put together in a sort of battery collage. To assemble a battery collage, take your individual battery pngs and resize them to 38 X 38. For graphical and charge indicators, you will now need to create a new image sized at 152 X 190, copy and paste your individual png's into the large image so that you have 5 rows each with 4 png's. Follow the same procedure for making a % png, except that you'll be using 10 rows of 10 images, so your png size should be 380 X 380.
When you're done with all of your images, open up the theme_values.xml with notepad ++ and make any color edits that you see fit. Please note, that these color changes will have minimal impact on the look of your theme. Most of the color changes of your system will not happen here. These are default values for only a handfull of apps.
When you're finished editing the xml save it and close it.
Finally select your theme_values.xml and your "res" folder and right click your mouse, select 7zip, and add to archive. In the 7zip popup window name your file com.android.systemui (no additional extension here, make sure it does not say zip at the end....just: com.android.systemui)
After the folder is compressed and zipped, move it to your theme folder and zip your theme up as a .mtz as you have been doing right along. Apply theme to your phone and enjoy.
To Be Continued…..Next update will be for Framework-res or launcher depending on my upcoming amount of free time!!!
Additional Information: Tips, Tricks, & Links
Advanced Lockscreens - Tips and Tricks
Thanks il Duce for these links:
Lockscreen 2.0 Reference
General Miui Tips & Tricks
I wasn't born rich, I'm good lookin' instead!!
Great job Hockey!! Love how everything is coming together!
Added to the OP in the one stop shop also.
Edit: This is really thorough. Very nice indeed.....
Awesome work
Sent from my PG86100 using xda premium
Place holder for me
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
scott951 said:
Place holder for me
Click to expand...
Click to collapse
Thank you sir, for providing us with a rom worthy of the time it takes to do all of this!......No disrespect intended to any of the other developers who's roms I also use, but I've fallen head over heels for Miui
knowledge561 said:
Is that all we do to the manifest because I really want that Evoluer slider to unlock my phone.
Temari x Shikamaru
Click to expand...
Click to collapse
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Thanks for this.
hockeyfamily737 said:
Well, there's a lot you can do with the manifest xml, but to make them work properly yeah....It's just resizing the png's and shifting the x & y values accordingly for our screen size. I'm downloading the lockscreen you're trying to use now.
Click to expand...
Click to collapse
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
vanessaem said:
Thanks for this.
Click to expand...
Click to collapse
My pleasure. Hopefully everyone including myself can learn from this, because I'm certainly no expert. Just a guy who like to take stuff apart to see how it works.
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
I'll do what I can. First let's see if I can get it to work right Working lots of O/T right now so I haven't had a heap of time.
Thanks so much for this hockeyfamily737!
Sent from my PG86100 using Tapatalk
Thanks homie.
Temari x Shikamaru
Also I will possibly be able to help out on this as well if someone doesn't get it figured out by Sunday... been working alot of double shifts..
knowledge561 said:
Thanks because im Stumped!!!! If you manage to hook it up do you think you can throw in that green charging light? And when its not charging it turns blue when you touch it? Check out "ikun" to understand the lockscreen.
Temari x Shikamaru
Click to expand...
Click to collapse
Sent from my PG86100 using Tapatalk
Hey, nice introduction =)
If anyone is inerested in speeding up the process of testing your themes, I have created a Makefile/Windows Batch file for compressing themes and pushing them to the phone auto-magically
http://forums.miui.us/showthread.ph...ild-Script-(Windows-Unix)-Now-with-a-Makefile
Let me know if you guys have any problems!
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
thanks for this. i rlly needed it....
now to figure out more stuff...
steam374 said:
Thank you for posting this amazing tutorial!
I am slowly fixing my lock screen, I'll post some before and after screen shots.
Before:
After:
Click to expand...
Click to collapse
Terrific and this was the one I was trying to do today. Great job with this.
Brought to you from my EVOlutionary 3-Dimensional Smartphone
Wow! Great work... looking forward to more. Thanks hockeyfamily!
Sent from 3D A.W.E.S.O.M-O
DISCLAIMER: I AM NOT RESPONSIBLE FOR YOUR PHONE EXPLODING, IMPLODING, OR ANY OTHER VIOLENT DEMISE WHICH MAY BEFALL YOUR GALAXY S 4 AS A RESULT OF YOUR TRYING TO INCORPORATE THESE ICONS OR MODS.
THESE MODS ASSUME YOU KNOW HOW TO EXTRACT APKS FROM YOUR PHONE, MAKE EDITS, AND PUSH THEM BACK ONTO YOUR PHONE WITH APPROPRIATE PERMISSIONS SO THAT THEY CAN FUNCTION PROPERLY. IF YOU DON'T KNOW HOW TO DO THAT, TURN BACK NOW. IF YOU HAVE ANY QUESTIONS, PLEASE ASK BEFORE TRYING ANYTHING.
Due to requests, I am posting icons I made (originally for my LG Nitro) for the GS4. These are completely original icons I literally drew in power point, saved as pngs, and then resized/cropped to icons. The good thing about the icons is that they're very minimalist (just my style), so they actually weren't too hard to make, all things considered.
These cover the icons which are positioned on the right side of the notification bar. These will not change icons on the left side of the bar.
Just to give you an idea, here is a clip of my notification bar:
{
"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"
}
A FEW NOTES:
1.) The signal icons will not work if you have done the build.prop edit to change to stock jelly bean icons. This edit changes the identity of your phone, and redirects SystemUI.apk to use alternate icons. If you have used this edit and want to use the signal icons, you will have to change the names of the files appropriately.
2.) The battery icons are only for those who have incorporated the % battery mod either from StolenVW here or by another method.
3.) The signal icons will look odd if you choose to use them and don't also incorporate the attached modified xml. Essentially, this xml has been edited such that the signal type/in-out icon overlaps with the signal strength icons as such:
I did this mainly because I hate wasted space, and think it's unnecessary to have two icon slots just for signal when at one point they used to overlap in stock android. To adopt this xml edit, just use 7zip to right click/"open archive" SystemUI.apk, and drag and drop the xml into res/layout. It is already compiled, so should work fine. Obviously, before putting SystemUI.apk back onto your phone, you'll need to set proper permissions and whatnot. If you don't know how, please turn back or ask someone (or me) first before ruining your fabulous new phone (although recovery with Odin posted by AdamOutler here works fantastically well, just fyi).
SO, take a look at the icons, take whatever you want., edit whatever you want, use however you like! They are organized into the folders of the apks where they belong, so you can use them as a guide for where to put them if you want to adopt the look. These apks include:
SystemUI.apk
framework-res.apk
NfcNci.apk
The attached xml for clustering the signal type/in-out/strength belongs in SystemUI.apk/res/layout. It is compiled, so you should be able to use 7zip to right click on your SystemUI.apk, "open archive," and just drag and drop it into your SystemUI.apk.
Hope you find something you like!
Beautiful set of icons mate, it would be a good idea to set a whole UI based on your style ala vrtheme.
This truly is, I just need to find a thin clock font mod to match it!
Sent from my SAMSUNG-SGH-I337 using xda premium
While these aren't my style and I'm far from a minimalist - I'm not going to show you my home screens for fear you may damage your monitor by throwing something at it - but I can definitely appreciate all the hard work you've put into this! Excellent job with this, and for everyone else, make sure you give this user a thanks even if you don't use these icons just because of how awesome they are!
Please make this into a systemui.apk. im sure a lot of people on this forum would really appreciate it. Thank you!!!
Sent from my SAMSUNG-SGH-I337 using Tapatalk 2
Really beautiful design. If you could compile into a flashable theme that would be awesome.
Sent from my SAMSUNG-SGH-I337 using Tapatalk 2
They do look great, it would look even better with matching quick toggles...you dont happen to have more matching pngs do you?
D.O.C said:
They do look great, it would look even better with matching quick toggles...you dont happen to have more matching pngs do you?
Click to expand...
Click to collapse
Wow, thanks guys! I would love to make it flashable, but I have no idea how. In addition, I wouldn't mind posting a SystemUI.apk, but at this point, everyone seems to have additional mods, so I wouldn't be able to include them without wiping their other mods out as well.
As far as quick setting icons, I didn't make additional ones to match, but I did make the whole pulldown menu minimalist white/black, just because:
itiskonrad said:
Wow, thanks guys! I would love to make it flashable, but I have no idea how. In addition, I wouldn't mind posting a SystemUI.apk, but at this point, everyone seems to have additional mods, so I wouldn't be able to include them without wiping their other mods out as well.
As far as quick setting icons, I didn't make additional ones to match, but I did make the whole pulldown menu minimalist white/black, just because:
Click to expand...
Click to collapse
I will post a vrtheme zip file with your icons as soon as I have time, ni batt icons though, since that would require modding of systemui.apk therefirr making it incompatoble across devices/roms. Vrtheme will only replace pngs.
VrTheme Stencil
This one should work ok on all S4 variants.
It includes all stencil icons except the battery percentaje ones (again, those xmls mods have to be compiled along the apk in order for them to work reading the pngs). The rest of pngs are there including your xml file (which should apply properly by just flashing this mod)
Since its a vrtheme flashable zip file, it should be compatible with all i950x TW ROMs, it shouldnt modify any mods existing in your current systemui (except for the notifications, obviously)
Enjoy!
Love the icons. Great job. Any chance you have or could make one for the USB connected and Location/GPS icons? And the driving icon as well?
Thanks again for sharing.
Will822 said:
Love the icons. Great job. Any chance you have or could make one for the USB connected and Location/GPS icons? And the driving icon as well?
Thanks again for sharing.
Click to expand...
Click to collapse
Out of curiosity, did the above zip file work for you and what i950x kodel do you own?
D.O.C said:
Out of curiosity, did the above zip file work for you and what i950x kodel do you own?
Click to expand...
Click to collapse
I didn't use the zip file above. I just downloaded the icons from the first post and copief them to my systemui.apk file. Btw, i have an AT&T i337 model.
Will822 said:
I didn't use the zip file above. I just downloaded the icons from the first post and copief them to my systemui.apk file. Btw, i have an AT&T i337 model.
Click to expand...
Click to collapse
Ok, I was just wondering....
Love the simplicity of these. Well done.
is there anyway we could get a flashable systemui.apk for l337 ATT models? I absolutely love these but Im having trouble figuring out how to apply them.
Thanks for your design. They are beautiful!
I thought someone might be interested to see what my screen looks like with these icons. I had a transparent status bar set up prior, but I went back to black. Oh, and I like to have my buttons down the right side of the phone as I'm right handed. I don't know whomever thought having a dock at the bottom of the screen as default made much sense. It makes calling and doing quick email checks much easier to have it on the right or left depending on your style.
These really are beautiful icons.
Yeah, one last time. I do actually live in Morehead.
They look great on your homescreen! So glad you like them!
As I said, in regards to making a flashable SystemUI.apk, I don't know how, but anyone who does is welcome to do whatever he or she wants with these icons!
It would be amazing to make a CM 10 theme for it! I may take a crack at making one for these icons
Sent from my SGH-I337 using Tapatalk 4 Beta
I asked for them to be added as an option in nottach's xposed app and he said he would put it in the next release. Now we just need matching toggles and this will be epic.
Sent from my SAMSUNG-SGH-I337 using Tapatalk 4 Beta