Attend XDA's Second Annual Developer Conference, XDA:DevCon 2014!
5,768,845 Members 50,734 Now Online
XDA Developers Android and Mobile Development Forum

[HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...

Tip us?
 
Huexxx
Old
(Last edited by Huexxx; 6th October 2011 at 06:18 PM.) Reason: Added Stock V10E Theme with my Battery Icons...
#1  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
Arrow [HowTo] Mod a Theme - Huexxx's Battery Icons / Circular / % / Multicolour & more ...

Hi all!

Given that I wanted a circular icons for the battery indicator on my OB, and that the only way to get some icons to my taste was making them for myself, have encouraged me to create my own icons. My icons have a smooth transition of color from blue (100%) to red (0%) through green (75%), yellow (50%) and orange (25%).



v1 3D icons with darker background (like radio signal strength) and 14p numbers!



v1.1 Enhanced 3D icons, rounder, better shadowed, numbers better centered!



Radio 3D icons v0!



WiFi icons v0. (with darker background like radio signal strength)!



Wifi 3D icons v1!



Dropdown Arrow better visible for WP7 Theme!



New! V10E Stock LG Theme modified with my v1.1 icons:

http://dl.dropbox.com/u/4629711/HBI/Huexxx10EBatt.zip

NOTE: In case of troubles, post here and then we will see the way to restore original framework-res.apk.

Since at the moment I have no intention of creating a complete theme, the only way to enjoy them is inject them into an existing theme, such as those offered by the Theme-Master antonio1475.

To say that until the date, antonio's WP7 Theme is the default Nova theme, so if you have Nova rom and only want to inject my icons, use WP7 theme like explained in this thread.

This tutorial will explain how to inject my icons on antonio1475's WP7 theme, but the process is the same for injection into any other existing theme. It is important that the theme comes with icons for each percentage value of battery charge. In the tutorial everything is done with WinRAR, but can also be done using 7zip.

First of all, the changes explained here work perfectly for me, but I am not responsible for the effects it can have in your case.

1 .- We can download the latest antonio1475's WP7 theme from his thread: http://forum.xda-developers.com/show....php?t=1176182

2 .- We can download my pack of icons from here:

Battery v0 - Normal icons: http://dl.dropbox.com/u/4629711/HBI/...t_Icons_v0.rar
Battery v1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/...t_Icons_v1.rar
Battery v1.1 - 3d icons: http://dl.dropbox.com/u/4629711/HBI/...Icons_v1.1.rar
Radio 3d v0: http://dl.dropbox.com/u/4629711/HBI/...o_Icons_v0.rar
WiFi v0: http://dl.dropbox.com/u/4629711/HBI/...i_Icons_v0.rar
WiFi 3d v1: http://dl.dropbox.com/u/4629711/HBI/...i_Icons_v1.rar
Clearer Dropdown Arrow for WP7: http://dl.dropbox.com/u/4629711/HBI/...down_arrow.rar

3 .- Put the two files in one folder. It is not necessary but it simplifies things.


4 .- Open the theme with WinRAR by double-clicking on it (in this case WP7themev8final.zip). WinRAR must be the default program to open zip files. If it's not your case, you have to open WinRAR and then find the file with the inside browser and open it. This will open a WinRAR window showing the contents of the package with the theme.


5 .- Navigate within WinRAR to the folder \system\framework


6 .- Open the file framework-res.apk by double-clicking on it inside WinRAR. This opens a new WinRAR window with the content.


7 .- Navigate within WinRAR to the folder \res\drawable-hdpi


8 .- Open my package of icons (Huexxx's_Batt_Icons_v0.rar) with WinRAR.


9 .- Select all files within the package of icons and drag'n'drop them to framework-res.apk WinRAR window in order to replace the icons.


Once done, we can close the WinRAR window with the icons (Huexxx's_Batt_Icons_v0.rar).

10 .- When a dialog to define how to include the new files popups, accept to continue with default parameters.


11 .- Once the new icons have been included in framework-res.apk, close this WinRAR window. The application will ask you to update the file, and you have to accept. Maybe it will ask you to update before close the window, anyway accept and then close it.


You can see the date and size changes in framework-res.apk looking at theme's WinRAR window (WP7themev8final.zip).


12 .- Close the theme's WinRAR window. You can see the date and size changes in WP7themev8final.zip looking at file browser.


The resulting file WP7themev8final.zip is the original theme with the modified icons, ready to install.

Instructions for installing the theme are the same as the author specified for its installation, so read carefully the theme author's thread.
In fact, the theme used for the tutorial can only be installed over Nova ROM or stock 10C ROM.


I recommend you to deactivate the widgets and to run the original launcher (if you use a different one) before flashing the theme, as in my first attempt I had to deactivate and reactivate the widgets, and reconfigure a little the launcher after the flash. After installation, in my case, the first boot stucked on bootimage (several minutes) and I had to remove the battery and restart, but finally everything is correct. Following this recommendations, the second attemp worked flawlessly.

Take a look of some screenshots with the result.

v0:


v1+wifi:


v1.1+clearer dropdown arrow:


Best regards, and if you like them, click on Thanks!
The Following 22 Users Say Thank You to Huexxx For This Useful Post: [ Click to Expand ]
 
Huexxx
Old
#2  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
To say that all the procedure above explained can be used in order to modify any .png inside theme's apks.

Be careful with .9.png files... ir must be recompiled and it's more difficult.

For those who wish to use my icons in your themes, it's very simple:

- Ask me for permission
- Include me in the credits

So many thanks to antonio1475, without his help this would be impossible!
The Following 2 Users Say Thank You to Huexxx For This Useful Post: [ Click to Expand ]
 
Huexxx
Old
#3  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
Hi again...

Despite not having had any response, I will continue with the project because it is primarily for myself.

I've updated the main post with a new 3D version of the icons and some icons wifi, same as included in antonios1475's wp7 theme but with darker gray background, like radio signal one.

Regards!
 
xstrifey
Old
#4  
Junior Member
Thanks Meter 0
Posts: 2
Join Date: Aug 2011
They look great!

Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.

It would be totally at his discretion though
 
Huexxx
Old
#5  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
Quote:
Originally Posted by xstrifey View Post
They look great!

Maybe you could ask for antonio1475's permission for you to inject your theme mods and then link the finished repacked theme from his base project.

It would be totally at his discretion though
Thanks so much for the first reply to my thread!

It would be fantastic, but then i've to update and upload the modified theme every time he changes his theme... and in the thread I explain thoughly how to modify the original theme in easy steps.

Believe me when I say that it will take you about 1 minute in modify the theme, and you will have the satisfaction of have done it by yourself.

Regards!
Give a try to my 3d battery icons here!



LG Optimus Black / ROM IZS v1 by Huexxx

DONATE PLEASE! HELP ME WITH MY MORTGAGE!

 
gabwerkz
Old
#6  
gabwerkz's Avatar
Recognized Contributor
Thanks Meter 1545
Posts: 1,511
Join Date: Aug 2011
Location: Three Stars and a Sun
Modified mine through UOTkitchen. Great guide.. keep it up man.

Sent from my LG-P970 using XDA App
 
Huexxx
Old
(Last edited by Huexxx; 24th August 2011 at 12:21 PM.)
#7  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
Hi all...

I've observed that my new 3d icons weren't as circular as I would like, so I have decided to touch up them.

Now are rounder, better shadowed and thay have the number better placed in the centre of the icon.

Also, I've added a new dropdown list arrow in order to modify original WP7's icon because IMHO it's dificult to distinguish the black arrow inside the dark grey gradient circle.

Regards!
Give a try to my 3d battery icons here!



LG Optimus Black / ROM IZS v1 by Huexxx

DONATE PLEASE! HELP ME WITH MY MORTGAGE!

 
Huexxx
Old
#8  
Huexxx's Avatar
Recognized Contributor - OP
Thanks Meter 4794
Posts: 1,609
Join Date: Jul 2009
Location: Arroyomolinos Madrid

 
DONATE TO ME
Hi again!

I've created new Radio 3d icons.

They are inspired in WP7 theme icons but now in 3d.

You can see it at first post.

Regards!
Give a try to my 3d battery icons here!



LG Optimus Black / ROM IZS v1 by Huexxx

DONATE PLEASE! HELP ME WITH MY MORTGAGE!

The Following 2 Users Say Thank You to Huexxx For This Useful Post: [ Click to Expand ]
 
maico2007
Old
#9  
Junior Member
Thanks Meter 3
Posts: 11
Join Date: Aug 2011
Quote:
Originally Posted by Huexxx View Post
Hi again!

I've created new Radio 3d icons.

They are inspired in WP7 theme icons but now in 3d.

You can see it at first post.

Regards!
very well the icons are cool I have them
 
shourov
Old
#10  
Member
Thanks Meter 7
Posts: 93
Join Date: Nov 2010
Location: Dubai
great effort there... thnx.. but it looks some what difficult.... thnx again

Tags
circle batt icon percent
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes